এইচটিএমএল ডোম Input DatetimeLocal অবজেক্ট
Input DatetimeLocal অবজেক্ট
Input DatetimeLocal অবজেক্ট এইচটিএমএল(৫)এ নতুন
Input DatetimeLocal অবজেক্ট এইচটিএমএল <input> এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ datetime-local
তথ্যঃ datetime-local টাইপসহ <input> এলিমেন্ট Firefox এ datetime ফিল্ড বা ক্যালেন্ডার প্রদর্শন করে না ।
Input DatetimeLocal অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করতে পারেন যার টাইপ datetime-local
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("input");
a.setAttribute("type", "datetime-local");
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
Input DatetimeLocal অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <input> এলিমেন্টকে এক্সেস করতে পারেন যার টাইপ datetime-local
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<input type="datetime-local" id="test" value="2014-11-16T15:25:33">
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test").value;
document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
পরামর্শঃ একটি ফর্মের এলিমেন্টের কালেকশনে সার্চ করে আপনি <input type="datetime-local"> কে এক্সেস করতে পারেনঃ
Input DatetimeLocal অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| autocomplete | একটি লোকাল Datetime ফিল্ডের autocomplete এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে |
| autofocus | পেজ লোড হলে লোকাল Datetime ফিল্ড সয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা সেট বা রিটার্ন করে। |
| defaultValue | একটি লোকাল Datetime ফিল্ডের ডিফল্ট ভ্যালু সেট বা রিটার্ন করে। |
| disabled | একটি লোকাল Datetime ফিল্ড নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে। |
| form | লোকাল Datetime ফিল্ডসহ একটি ফর্মের রেফারেন্স রিটার্ন করে। |
| list | লোকাল Datetime ফিল্ডযুক্ত <datalist> এলিমেন্টের রেফারেন্স রিটার্ন করে। |
| max | একটি লোকাল Datetime ফিল্ডের max এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে |
| min | একটি লোকাল Datetime ফিল্ডের min এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে |
| name | একটি লোকাল Datetime ফিল্ডের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে |
| read-only | daলোকাল Datetimete ফিল্ড শুধু read-only থাকবে কিনা তা সেট বা রিটার্ন করে। |
| required | ফর্ম সাবমিটের পূর্বে অবশ্যই লোকাল Datetime ফিল্ড পূরন করতে হবে কিনা তা সেট বা রিটার্ন করে। |
| step | একটি লোকাল Datetime ফিল্ডের step এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে |
| type | লোকাল Datetime ফিল্ডের টাইপ কি তা রিটার্ন করে। |
| value | লোকাল Datetime ফিল্ডের value এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
Input লোকাল Datetime অবজেক্ট মেথড
| মেথড | বর্ণনা |
|---|---|
| stepDown() | নির্দিষ্ট সংখ্যা দ্বারা datetime ফিল্ডের ভ্যালু হ্রাস করে। |
| stepUp() | নির্দিষ্ট সংখ্যা দ্বারা datetime ফিল্ডের ভ্যালু বৃদ্ধি করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |