[英]How to get the selected date from jquery datepicker
我正在使用 jquery datepicker 來顯示日歷。現在根據我的要求,我想在我的 jquery 變量中獲取用戶選擇的日期,我將在我的應用程序中使用它,但我無法獲取日期..這是日期選擇器的代碼
<div id="datepicker"></div>
在這里我正在嘗試獲取選定的代碼..
$(document).ready(function () {
$("#datepicker").datepicker({
onSelect: function (dateText, inst) {
var date = $(this).val();
alert(date);
}
});
});
但是,我無法獲得日期..請幫助我..謝謝..
這應該可以解決問題
$(function() {
$("#datepicker").datepicker();
$("#datepicker").on("change",function(){
var selected = $(this).val();
alert(selected);
});
});
這是基本的,但這里有一個jsfiddle ,它會在選擇時提醒選定的日期
更新以更改日期格式
$(function() {
$( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" });
$("#datepicker").on("change",function(){
var selected = $(this).val();
alert(selected);
});
});
第三次更新
$(function() {
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(){
var selected = $(this).val();
alert(selected);
}
});
});
我在這里為datepicker
ui 使用了更多的原生標記,試試這個,看看你是否收到了警報。
盡管如此,對於只想要一個日期對象或設置具有特定格式的日期的人來說,問題得到了解答。 jQuery 提供了一些簡單的功能。 這是工作jsfiddle
$( "#datepicker" ).datepicker({ dateFormat: "dd-mm-yy" });
$("#datepicker").datepicker('setDate', '10-03-2020');
// pass string of your format or Date() object
$("#datepicker").datepicker('getDate');
// returns Date() object
$("#another_datepicker").datepicker('setDate', $("#datepicker").datepicker('getDate'));
// pass string of your format or Date() object
嘗試
$("#datepicker").datepicker({
onSelect:function(selectedDate)
{
alert(selectedDate);
}
});
或者
$("#datepicker").datepicker({
onSelect:function (dateText, inst)
{
alert(inst);
}
});
嘗試這個
$('.selector').datepicker({
onSelect: function(dateText, inst) { ... }
})
您有兩個帶有.datepicker,
類的.datepicker,
選擇器不知道要從哪個元素中進行選擇。 因此,您必須指定要從中獲取日期的輸入的名稱
first = $(".datepicker[name=datepicker1]").datepicker('getDate');
second = $(".datepicker[name=datepicker2]").datepicker('getDate');
您可以使用此處概述的changeDate
事件而不是onSelect
,然后引用e.date
或e.dates
。 請參閱下面的 JSON。
HTML:
<div id='QA'></div>
<div id='datepicker'></div>
JS:
<script type="text/javascript">
$(function() {
$('#datepicker').datepicker({
clearBtn: true,
todayHighlight: false,
multidate: true
}) .on('changeDate', function(e){
$('#QA').html(JSON.stringify(e));
});
});
/*
{
"type":"changeDate",
"date":"2015-08-08T07:00:00.000Z",
"dates":[
"2015-08-08T07:00:00.000Z"
],
"timeStamp":1438803681861,
"jQuery21409071635671425611":true,
"isTrigger":3,
"namespace":"",
"namespace_re":null,
"target":{
},
"delegateTarget":{
},
"currentTarget":{
},
"handleObj":{
"type":"changeDate",
"origType":"changeDate",
"guid":52,
"namespace":""
}
}
*/
</script>
理想的方法是獲取日期並將其轉換為通用格式並使用相同的格式。 (可能傳遞到服務器左右。)
$("#datepicker").datepicker('getDate').toISOString()
所以它將獲得 ISO 標准中的日期。
所有代碼都用於 Bootstrap Datepicker
var calendar = $('#calendar').datepicker("getDate"); // 例如:2021 年 6 月 29 日星期二 00:00:00 GMT+0600(孟加拉國標准時間)
或者
var calendar = $('#calendar').data('datepicker').getFormattedDate('yyyy-mm-dd'); // 例如:2021-06-30
如果(日歷){
alert(calendar);
}別的{
alert('null');
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.