Insert Date And Time

အခ်ိန္နဲ႕ ေန႕စြဲေတြကို ေဖာ္ျပခ်င္တဲ့ အခါမွာေတာ့ <time> ကို ကၽြန္ေတာ္ တို႕ေတြ အသံုးျပဳပါတယ္။ ေအာက္က code ေလးကို တခ်က္ၾကည့္လိုက္ပါ။

<!DOCTYPE html>
<html>
<head>
    <title>Small</title>
    <meta name="description" content="HTML5 book">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript">
    <meta name="author" content="saturngod">
    <meta charset="UTF-8">
</head>
<body>
<h1>Snorkel Cruise Information</h1>
<p>The boat will leave the harbor at <time>8:30 a.m. on Sunday morning</time>.</p>
</body>
</html>

browser မွာေတာ့ ပံုမွန္ စာပဲ ေဖာ္ျပေနမွာပါ။ <time> ကို သံုးထားတဲ့အတြက္ ထူးထူးျခားျခား ေျပာင္းလဲ သြားတဲ့ ပံုစံ မရိွပါဘူး။ အဲဒီ code ေလးကို အခုလုိ ေျပာင္းလဲပါမယ္။

<!DOCTYPE html>
<html>
<head>
    <title>Small</title>
    <meta name="description" content="HTML5 book">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript">
    <meta name="author" content="saturngod">
    <meta charset="UTF-8">
</head>
<body>
<h1>Snorkel Cruise Information</h1>
<p>The boat will leave the harbor at <time datetime="2011-08-21T08:30:00">8:30 a.m. on Sunday morning</time>.</p>
</body>
</html>

အထက္ပါ code မွာ datetime="2011-08-21T08:30:00" ဆိုတာကေတာ့ YYYY-MM-DD format နဲ႕ေရးထားျပီး T ရဲ႕ အေနာက္မွာေတာ့ HH:MM:SS ကို ထည့္သြင္းထားတာပါ။ browser မွာေတာ့ ဘာမွ မထူးပါဘူး။ ဒါေပမယ့္ ကၽြန္ေတာ္တို႕ javascript နဲ႕ တြဲသံုးလို႕ရပါတယ္။

datetime attribute ကို အျမဲသံုးဖို႕လိုလားဆိုေတာ့ မလိုပါဘူး။ မထည့္သြင္းလည္း ရပါတယ္။

results matching ""

    No results matching ""