HTML এলিমেন্টের সাথে যুক্ত HTML DOM del dateTime প্রপার্টি ব্যবহারকারীকে জানানোর জন্য ব্যবহার করা হয় যখন ওয়েবসাইটে কিছু লেখা মুছে ফেলা হয়। এটি কখন পাঠ্যটি মুছে ফেলা হয়েছিল তার তারিখ এবং সময় বলে৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলdateTime প্রপার্টি −
সেট করা হচ্ছেdelObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
এখানে, YYYY=বছর , MM=মাস , DD=দিন, T=বিভাজক বা একটি স্থান, hh=ঘন্টা , mm=minutes,ss=সেকেন্ড, TZD=টাইম জোন ডিজাইনার
উদাহরণ
ডেল ডেটটাইম প্রপার্টি −
এর জন্য একটি উদাহরণ দেখা যাক<!DOCTYPE html>
<html>
<head>
<title>del dateTime property example</title>
<style>
#Sample{color:blue};
</style>
</head>
<body>
<h2>del dateTime property example</h2>
<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
<p>Click the below button to change the datetime attribute value of the deleted text above</p>
<button onclick="changeDate()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeDate() {
document.getElementById("Del1").dateTime = "2019-06-27T10:20:02Z";
document.getElementById("Sample").innerHTML = "The datetime attribute attribute was changed to '2019-06-27T10:20:02Z'.";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে
এলিমেন্টের ভিতরে “Del1” এবং datetime অ্যাট্রিবিউট মান “2019-02-22T05:10:22Z” সহ একটি উপাদান তৈরি করেছি।
<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
তারপরে আমরা CHANGE বোতামটি তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeDate() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeDate()">CHANGE</button>
changeDate() পদ্ধতিটি এলিমেন্ট পায় এবং এটি ডেটটাইম অ্যাট্রিবিউটের মান সেট করে “2019-06-27T10:20:02Z”। তারপরে আমরা এই পরিবর্তনটি অনুচ্ছেদে আইডি "নমুনা" সহ প্রদর্শন করি এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্যকে আমরা যে পাঠ্য প্রদর্শন করতে চাই তাতে সেট করি। অনুচ্ছেদ "নমুনা" এর ভিতরের পাঠ্যটি নীল রঙে প্রদর্শিত হয় কারণ এটিতে প্রয়োগ করা আইডির সাথে সম্পর্কিত শৈলী রয়েছে −
function changeDate() {
document.getElementById("Del1").dateTime = "2019-06-27T10:20:02Z";
document.getElementById("Sample").innerHTML = "The datetime attribute attribute was changed to '2019-06-27T10:20:02Z'.";
} 