ယနေ့ရက်စွဲနှင့် JavaScript သို့မဟုတ် JQuery ဖြင့် ဖောင်အကွက်တစ်ခုကို ကြိုတင်ဖြည့်နည်း
ဖြေရှင်းချက်များစွာသည် ဖောင်တစ်ခုစီဖြင့် ရက်စွဲကို သိမ်းဆည်းရန် အခွင့်အလမ်းပေးသော်လည်း ၎င်းသည် ရွေးချယ်စရာမဟုတ်သည့် အခြားအချိန်များလည်း ရှိသေးသည်။ ကျွန်ုပ်တို့၏ဖောက်သည်များအား ၎င်းတို့၏ဆိုက်တွင် လျှို့ဝှက်အကွက်တစ်ခုထည့်သွင်းရန်နှင့် ဖောင်ဖြည့်သွင်းသည့်အခါတွင် ၎င်းတို့အား ခြေရာခံနိုင်စေရန်အတွက် ဤအချက်အလက်များကို ထည့်သွင်းရန် ကျွန်ုပ်တို့အား တိုက်တွန်းပါသည်။ JavaScript ကို အသုံးပြု၍ လွယ်ကူသည်။
ယနေ့ရက်စွဲနှင့် JavaScript ဖြင့် ဖောင်အကွက်တစ်ခုကို ကြိုတင်ဖြည့်နည်း
<!DOCTYPE html>
<html>
<head>
<title>Date Prepopulation with JavaScript</title>
</head>
<body>
<form>
<!-- Hidden field for the date -->
<input type="hidden" id="hiddenDateField" name="hiddenDateField">
</form>
<script>
// Function to get today's date in the desired format
function getFormattedDate() {
const today = new Date();
const formattedDate = today.toLocaleDateString('en-US', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
});
return formattedDate;
}
// Use JavaScript to set the value of the hidden field to today's date
document.getElementById('hiddenDateField').value = getFormattedDate();
</script>
</body>
</html>
ပေးထားသော HTML နှင့် JavaScript ကုဒ်ကို အဆင့်ဆင့်ခွဲကြည့်ရအောင်။
<!DOCTYPE html>
နှင့်<html>
: ဤအရာများသည် HTML5 စာရွက်စာတမ်းဖြစ်ကြောင်း သတ်မှတ်သည့် စံ HTML စာရွက်စာတမ်း ကြေငြာချက်များဖြစ်သည်။<head>
: ဤကဏ္ဍကို အသုံးပြု၍ သတ်မှတ်ထားသည့် ဝဘ်စာမျက်နှာ၏ ခေါင်းစဉ်ကဲ့သို့သော စာရွက်စာတမ်းနှင့်ပတ်သက်သည့် မက်တာဒေတာကို ထည့်သွင်းရန်အတွက် ပုံမှန်အားဖြင့် အသုံးပြုလေ့ရှိပါသည်။<title>
ဒြပ်စင်။<title>
: ၎င်းသည် ဝဘ်စာမျက်နှာ၏ ခေါင်းစဉ်ကို “Date Prepopulation with JavaScript” ဟု သတ်မှတ်သည်။<body>
: ဤသည်မှာ မြင်နိုင်သောအကြောင်းအရာနှင့် အသုံးပြုသူ အင်တာဖေ့စ်ဒြပ်စင်များကို သင်ထားရာ ဝဘ်စာမျက်နှာ၏ အဓိကအကြောင်းအရာ ဧရိယာဖြစ်သည်။<form>
ဖြည့်သွင်းကွက်လပ်များ ပါဝင်နိုင်သည့် ဖောင်ဒြပ်စင်။ ဤကိစ္စတွင်၊ ယနေ့ရက်စွဲဖြင့် ထည့်သွင်းမည့် လျှို့ဝှက်ထည့်သွင်းမှုအကွက်ကို ထည့်သွင်းရန်အတွက် ၎င်းကို အသုံးပြုသည်။<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: ဤသည်မှာ လျှို့ဝှက်ထည့်သွင်းမှုအကွက်တစ်ခုဖြစ်သည်။ စာမျက်နှာပေါ်တွင် မပေါ်သော်လည်း ဒေတာကို သိမ်းဆည်းနိုင်သည်။ ၎င်းကို JavaScript တွင် ခွဲခြားသတ်မှတ်ပြီး အသုံးပြုရန်အတွက် “hiddenDateField” ၏ ID နှင့် “hiddenDateField” အမည်တို့ကို ပေးထားသည်။<script>
: ဤသည်မှာ JavaScript ကုဒ်ကို ရေးသားနိုင်သည့် JavaScript ဇာတ်ညွှန်းပိတ်ဆို့ခြင်းအတွက် အဖွင့် tag ဖြစ်သည်။function getFormattedDate() { ... }
: ၎င်းသည် ခေါ်သော JavaScript လုပ်ဆောင်ချက်ကို သတ်မှတ်သည်။getFormattedDate()
. ဤလုပ်ဆောင်ချက်အတွင်း-- အသစ်တစ်ခုဖန်တီးတယ်။
Date
လက်ရှိအသုံးပြုနေသည့် ရက်စွဲနှင့် အချိန်ကို ကိုယ်စားပြုသည့် အရာဝတ္ထုconst today = new Date();
. - ၎င်းသည် ရက်စွဲကို လိုချင်သောဖော်မတ် (mm/dd/yyyy) ကိုအသုံးပြု၍ စာကြောင်းတစ်ခုသို့ ဖော်မတ်ပေးသည်။
today.toLocaleDateString()
။ အဆိုပါ'en-US'
argument သည် ဖော်မတ်ပြုလုပ်ရန်အတွက် ဒေသန္တရ (အမေရိကန် အင်္ဂလိပ်) နှင့် အရာဝတ္ထုကို သတ်မှတ်သည်။year
,month
နှင့်day
properties သည် date format ကိုသတ်မှတ်သည်။
- အသစ်တစ်ခုဖန်တီးတယ်။
return formattedDate;
: ဤစာကြောင်းသည် ဖော်မတ်လုပ်ထားသော ရက်စွဲကို စာကြောင်းတစ်ခုအဖြစ် ပြန်ပေးသည်။document.getElementById('hiddenDateField').value = getFormattedDate();
: ဤကုဒ်စာကြောင်း- အသုံးပြုခြင်း
document.getElementById('hiddenDateField')
ID “hiddenDateField” ဖြင့် ဝှက်ထားသော ထည့်သွင်းမှုအကွက်ကို ရွေးချယ်ရန်။ - သတ်မှတ်ပေးသည်
value
ရွေးချယ်ထားသော ထည့်သွင်းမှုအကွက်၏ ပိုင်ဆိုင်မှုအား ဖြင့် ပြန်ပေးသည့်တန်ဖိုးgetFormattedDate()
လုပ်ဆောင်ချက်။ ၎င်းသည် လျှို့ဝှက်အကွက်ကို သတ်မှတ်ဖော်မတ်ဖြင့် ယနေ့ရက်စွဲဖြင့် ဖြည့်ပေးသည်။
- အသုံးပြုခြင်း
နောက်ဆုံးရလဒ်မှာ စာမျက်နှာကိုဖွင့်သည့်အခါ၊ ID “hiddenDateField” ပါသော လျှို့ဝှက်ထည့်သွင်းသည့်အကွက်ကို ဖော်မက်တွင် ဖော်ပြထားသည့်အတိုင်း သုညများမပါဘဲ ယနေ့၏ရက်စွဲကို mm/dd/yyyy ဖော်မတ်ဖြင့် ဖြည့်သွင်းထားသည်။ getFormattedDate()
function ကို။
ယနေ့ရက်စွဲနှင့် jQuery ဖြင့် ဖောင်အကွက်တစ်ခုကို ကြိုတင်ဖြည့်နည်း
<!DOCTYPE html>
<html>
<head>
<title>Date Prepopulation with jQuery and JavaScript Date Object</title>
<!-- Include jQuery from a CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form>
<!-- Hidden field for the date -->
<input type="hidden" id="hiddenDateField" name="hiddenDateField">
</form>
<script>
// Use jQuery to set the value of the hidden field to today's date
$(document).ready(function() {
const today = new Date();
const formattedDate = today.toLocaleDateString('en-US', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
});
$('#hiddenDateField').val(formattedDate);
});
</script>
</body>
</html>
ဤ HTML နှင့် JavaScript ကုဒ်သည် သုညမပါဝင်ဘဲ ယနေ့ရက်စွဲဖြင့် ဝှက်ထားသော ထည့်သွင်းမှုအကွက်ကို ကြိုတင်ထည့်သွင်းရန် jQuery ကိုအသုံးပြုပုံကို သရုပ်ပြသည်။ အဆင့်ဆင့် ခွဲကြည့်ရအောင်။
<!DOCTYPE html>
နှင့်<html>
: ဤအရာများသည် HTML5 စာရွက်စာတမ်းဖြစ်ကြောင်း ညွှန်ပြသော စံ HTML စာရွက်စာတမ်း ကြေငြာချက်များဖြစ်သည်။<head>
: ဝဘ်စာမျက်နှာအတွက် မက်တာဒေတာနှင့် အရင်းအမြစ်များ အပါအဝင် ဤကဏ္ဍကို အသုံးပြုသည်။<title>
: ဝဘ်စာမျက်နှာ၏ ခေါင်းစဉ်ကို "jQuery နှင့် JavaScript ရက်စွဲအရာဖြင့် ရက်စွဲကြိုတင်သတ်မှတ်ခြင်း" ဟု သတ်မှတ်သည်။<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: ဤစာကြောင်းတွင် အကြောင်းအရာပေးပို့ခြင်းကွန်ရက် (CDN) မှ ၎င်း၏အရင်းအမြစ်ကို သတ်မှတ်ခြင်းဖြင့် jQuery စာကြည့်တိုက် ပါဝင်သည်။ ၎င်းသည် ဝဘ်စာမျက်နှာပေါ်တွင် jQuery စာကြည့်တိုက်ကို အသုံးပြုရန် သေချာစေပါသည်။<body>
: ဤသည်မှာ မြင်နိုင်သောအကြောင်းအရာနှင့် အသုံးပြုသူ အင်တာဖေ့စ်ဒြပ်စင်များကို သင်ထားရာ ဝဘ်စာမျက်နှာ၏ အဓိကအကြောင်းအရာ ဧရိယာဖြစ်သည်။<form>
: ထည့်သွင်းမှုနယ်ပယ်များပါဝင်ရန် အသုံးပြုသည့် HTML ဖောင်ဒြပ်စင်။ ဤကိစ္စတွင်၊ လျှို့ဝှက်ထည့်သွင်းမှုအကွက်ကို ဖုံးကွယ်ရန် ၎င်းကို အသုံးပြုသည်။<input type="hidden" id="hiddenDateField" name="hiddenDateField">
- ဝဘ်စာမျက်နှာပေါ်တွင် မြင်နိုင်မည်မဟုတ်သော လျှို့ဝှက်ထည့်သွင်းမှုအကွက်။ ၎င်းကို “hiddenDateField” ၏ ID တစ်ခုနှင့် “hiddenDateField” အမည်တစ်ခု သတ်မှတ်ပေးထားသည်။<script>
: ဤသည်မှာ JavaScript ကုဒ်ကို ရေးသားနိုင်သည့် JavaScript ဇာတ်ညွှန်းပိတ်ဆို့ခြင်းအတွက် အဖွင့် tag ဖြစ်သည်။$(document).ready(function() { ... });
: ဤသည်မှာ jQuery ကုဒ်ပိတ်ဆို့ခြင်း ဖြစ်သည်။ ၎င်းကိုအသုံးပြုသည်။$(document).ready()
စာမျက်နှာကို အပြည့်အ၀ တင်ပြီးသည်နှင့် ပါရှိသော ကုဒ်သည် အလုပ်လုပ်ကြောင်း သေချာစေရန် လုပ်ဆောင်မှု။ ဤလုပ်ဆောင်ချက်အတွင်း-const today = new Date();
အသစ်တစ်ခုကိုဖန်တီးသည်Date
လက်ရှိ ရက်စွဲနှင့် အချိန်ကို ကိုယ်စားပြုသည့် အရာ။const formattedDate = today.toLocaleDateString('en-US', { ... });
ရက်စွဲကို လိုချင်သောဖော်မတ် (mm/dd/yyyy) ဖြင့် string တစ်ခုသို့ ဖော်မတ်ပေးသည်။toLocaleDateString
နည်းလမ်း။
$('#hiddenDateField').val(formattedDate);
jQuery ကို အသုံးပြု၍ ID “hiddenDateField” ဖြင့် ဝှက်ထားသော ထည့်သွင်းမှုအကွက်ကို ရွေးချယ်ပြီး ၎င်းကို သတ်မှတ်ပေးသည်။value
ဖော်မတ်ချသည့်နေ့အထိ။ ၎င်းသည် လျှို့ဝှက်အကွက်ကို ယနေ့ရက်စွဲဖြင့် သတ်မှတ်ထားသော ဖော်မတ်ဖြင့် ထိရောက်စွာ ကြိုတင်ဖြည့်ပေးသည်။
jQuery ကုဒ်သည် သန့်ရှင်းသော JavaScript နှင့် နှိုင်းယှဉ်ပါက ဝှက်ထားသော ထည့်သွင်းမှုအကွက်ကို ရွေးချယ်ခြင်းနှင့် ပြင်ဆင်ခြင်းလုပ်ငန်းစဉ်ကို ရိုးရှင်းစေသည်။ စာမျက်နှာကိုဖွင့်သည့်အခါ၊ ဝှက်ထားသောထည့်သွင်းမှုအကွက်ကို mm/dd/yyyy ဖော်မတ်ဖြင့် ယနေ့ရက်စွဲဖြင့် ဖြည့်သွင်းထားပြီး၊ သတ်မှတ်ထားသည့်အတိုင်း ဦးဆောင်သုညများ မရှိပါ။ formattedDate
variable ကို။