我正在使用jquery datepicker来显示一个calendar.Now根据我的要求我想在我的jquery变量中获取用户选择的日期,我将在我的应用程序中使用但我无法获取日期.. 这是datepciker的代码
<div id="datepicker"></div>
在这里我试图获取所选代码..
$(document).ready(function () {
$("#datepicker").datepicker({
onSelect: function (dateText, inst) {
var date = $(this).val();
alert(date);
}
});
});
但是,我无法得到约会..请帮帮我..谢谢..
答案 0 :(得分:24)
这应该可以解决问题
$(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);
});
});
第3次更新
$(function() {
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(){
var selected = $(this).val();
alert(selected);
}
});
});
我在datepicker
ui使用了更多的原生标记,试试这个,看看你是否得到了警告。
答案 1 :(得分:4)
但是,对于只想要日期对象或使用特定格式设置日期的人,可以回答问题。 jQuery提供了简单的功能。这是this
$( "#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
答案 2 :(得分:0)
尝试
$("#datepicker").datepicker({
onSelect:function(selectedDate)
{
alert(selectedDate);
}
});
OR
$("#datepicker").datepicker({
onSelect:function (dateText, inst)
{
alert(inst);
}
});
答案 3 :(得分:0)
试试这个
$('.selector').datepicker({
onSelect: function(dateText, inst) { ... }
})
你有两个带有.datepicker,
类的元素,选择器不知道可以选择哪个元素。因此,您必须指定您尝试从
first = $(".datepicker[name=datepicker1]").datepicker('getDate');
second = $(".datepicker[name=datepicker2]").datepicker('getDate');
答案 4 :(得分:0)
您可以使用mapply
概述的...
事件代替changeDate
,然后引用onSelect
或e.date
。请参阅下面的JSON。
HTML:
e.dates
JS:
<div id='QA'></div>
<div id='datepicker'></div>
答案 5 :(得分:0)
理想的方法是获取日期并将其转换为通用格式并使用相同的格式。 (可能会传递到服务器左右。)
$("#datepicker").datepicker('getDate').toISOString()
因此它将获得 ISO 标准中的日期。
答案 6 :(得分:0)
所有代码都用于 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
if(日历){
alert(calendar);
}其他{
alert('null');
}