<input id="datePicker" type="date" />
আমি আজকের তারিখটি ক্রোমে তারিখ পিকার ইনপুট টাইপের তারিখে সেট করব ।
$(document).ready( function() {
var now = new Date();
var today = now.getDate() + '/' + (now.getMonth() + 1) + '/' + now.getFullYear();
alert(today);
$('#datePicker').val(today);
});
কিন্তু এটি কাজ করে না
এই jsFizz এডিট করুন - দয়া করে ক্রোমে চেষ্টা করুন।
its not working?
{ currentText: "Now" }দেখুন ম্যানুয়াল
উত্তর:
ফিডাল লিংক: http://jsfiddle.net/7LXPq/93/
এতে দুটি সমস্যা:
ডেমোটির জন্য দয়া করে ফিডাল লিঙ্কটি অনুসরণ করুন:
var now = new Date();
var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);
var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
$('#datePicker').val(today);
document.getElementById("datePicker").valueAsDate = new Date()
কাজ করা উচিত.
আপডেট: আমি এটি দিয়ে করছি date.toISOString().substr(0, 10)। গৃহীত উত্তর হিসাবে একই ফলাফল দেয় এবং ভাল সমর্থন আছে।
dateত্রুটিযুক্ত হওয়ার জন্য পূর্ববর্তী মন্তব্য মুছে ফেলা হয়েছে] তাই আমি ভাবছি, এই ক্ষেত্রে সময় অঞ্চল নির্ধারণ করা দরকার (বা আগে 0 বলার জন্য বাধ্য করা হয়েছিল toISOString?)
var today = new Date().toISOString().split('T')[0];
$("#datePicker").val(today);
উপরে কোড কাজ করবে।
আমার কাছে এই সমস্যাটি সমাধানের সবচেয়ে সংক্ষিপ্ততম উপায় হচ্ছে moment.js ব্যবহার করা এবং এই সমস্যাটি মাত্র 2 লাইনে সমাধান করা।
var today = moment().format('YYYY-MM-DD');
$('#datePicker').val(today);
var yourFormattedDate= moment(yourDate).format('YYYY-MM-DD'); $('#datePicker').val(yourFormattedDate);
আপনার কোডটি যদি এই ফর্ম্যাটটিতে থাকত তবে এটি কাজ করতে পারে: এটি YYYY-MM-DDতারিখের ফর্ম্যাটগুলির জন্য কম্পিউটারের মান http: // http://en.wikedia.org/wiki/ISO_8601
তারিখের ইনপুটগুলি ব্যবহার করার সময় আমি সাধারণত এই দুটি সহায়ক ফাংশন তৈরি করি:
// date is expected to be a date object (e.g., new Date())
const dateToInput = date =>
`${date.getFullYear()
}-${('0' + (date.getMonth() + 1)).slice(-2)
}-${('0' + date.getDate()).slice(-2)
}`;
// str is expected in yyyy-mm-dd format (e.g., "2017-03-14")
const inputToDate = str => new Date(str.split('-'));
তারপরে আপনি তারিখ ইনপুট মানটি সেট করতে পারেন:
$('#datePicker').val(dateToInput(new Date()));
এবং এর মতো নির্বাচিত মানটি পুনরুদ্ধার করুন
const dateVal = inputToDate($('#datePicker').val())
আপনি কেবল type="date"ফর্ম্যাট হিসাবে ইনপুট তারিখ ব্যবহার করতে পারেনYYYY-MM-DD
আমি সহায়ক হিসাবে বাস্তবায়ন করেছি formatDate NODE.js এক্সপ্রেস-হ্যান্ডেলবারগুলির সহায়ককে , উদ্বিগ্ন হওয়ার দরকার নেই ... কেবল প্রথম লাইনে বর্ণিত বিন্যাসটি ব্যবহার করুন।
যেমন:
< input type="date" id="date" name="date" class="form-control" value="{{formatDate invoice.date 'YYYY-MM-DD'}}" />
ডেটটাইমপিকারের সর্বদা YYYY-MM-DD ইনপুট ফর্ম্যাট প্রয়োজন, এটি আপনার মডেলের প্রদর্শন ফর্ম্যাট বা আপনার স্থানীয় সিস্টেমের তারিখের সময় সম্পর্কে চিন্তা করে না। তবে ডেটটাইম পিকারের আউটপুট ফর্ম্যাটটি হ'ল আপনার পছন্দসই (আপনার স্থানীয় সিস্টেম)। আমার পোস্টে সহজ উদাহরণ আছে ।
আমার কাছে লোকেলের তারিখ পাওয়ার সবচেয়ে স্বল্পতম উপায় এবং ইনপুটটির সঠিক বিন্যাসে type="date"এটি:
var d = new Date();
var today = d.getFullYear()+"-"+("0"+(d.getMonth()+1)).slice(-2)+"-"+("0"+d.getDate()).slice(-2);
অথবা এটা :
var d = new Date().toLocaleDateString().split('/');
var today = d[2]+"-"+("0"+d[0]).slice(-2)+"-"+("0"+d[1]).slice(-2);
তারপরে কেবল তারিখের ইনপুট মানটি সেট করুন:
$('#datePicker').val(today);
Jquery সংস্করণ
var currentdate = new Date();
$('#DatePickerInputID').val($.datepicker.formatDate('dd-M-y', currentdate));
$.datepickerডিফল্ট jQuery নয়। আপনি একটি প্লাগইন ব্যবহার করছেন এবং কোনটি না বলেই এই উত্তরটি অকেজো।
$('#datePicker').val();দিচ্ছেন"2012-09-10"এবং এটি তারিখটি নির্ধারণের জন্য আপনি যে বিন্যাসটি ব্যবহার করেন তা নয়