Jquery ui 将jQuery日期选择器拆分为隐藏字段
我们有一个PHP预订系统,通过使用6个下拉列表将6个隐藏变量发送到结果页面进行日期搜索 开始日、开始月、开始年、结束日、结束月、结束年 然而,我想使用2个jQuery日期选择器,并假设为了便于讨论,它们是使用以下日期格式设置的Jquery ui 将jQuery日期选择器拆分为隐藏字段,jquery-ui,datepicker,Jquery Ui,Datepicker,我们有一个PHP预订系统,通过使用6个下拉列表将6个隐藏变量发送到结果页面进行日期搜索 开始日、开始月、开始年、结束日、结束月、结束年 然而,我想使用2个jQuery日期选择器,并假设为了便于讨论,它们是使用以下日期格式设置的 $( "datefrom_picker" ).datepicker( "option", "getDate", "dd-mm-yy" ); $( "datefrom_picker2" ).datepicker( "option", "getDate", "dd-mm-yy
$( "datefrom_picker" ).datepicker( "option", "getDate", "dd-mm-yy" );
$( "datefrom_picker2" ).datepicker( "option", "getDate", "dd-mm-yy" );
我的问题是,有没有一种方法可以拆分jQuery datepicker日期格式,以便它可以将六个日期部分发送到结果页面?例如,在第一个日历中,我可能很难弄清楚这一点
隐藏的表单字段:
<input name="start_month" id="start_month" type="hidden" value="" />
<input name="start_day" id="start_day" type="hidden" value="" />
<input name="start_year" id="start_year" type="hidden" value="" />
感谢您向正确方向提供的帮助。您需要使用日期选择器的
onClose
选项,以便每次选择日期时,隐藏字段都会更新。你说你有6个隐藏字段,但你只显示3个。我猜失踪的是“月底”之类的
初始化datepicker并创建如下函数
$( "#datefrom_picker" ).datepicker({
dateFormat: "mm-dd-yy",
onClose: function(dateText) {
//dateText is a string matching your desired format
var dateParts = dateText.split("-");//spilts string using dash
//now set each input field (you can figure out the other three)
$('#start_month').val(dateParts[0]);
$('#start_day').val(dateParts[1]);
$('#start_year').val(dateParts[2]);
},
});
您可以用同样的方法设置第二个日期选择器,但要引用其他隐藏值。Object[Object Date]没有方法“split”
$( "#datefrom_picker" ).datepicker({
dateFormat: "mm-dd-yy",
onClose: function(dateText) {
//dateText is a string matching your desired format
var dateParts = dateText.split("-");//spilts string using dash
//now set each input field (you can figure out the other three)
$('#start_month').val(dateParts[0]);
$('#start_day').val(dateParts[1]);
$('#start_year').val(dateParts[2]);
},
});