Jquery ui 将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

我们有一个PHP预订系统,通过使用6个下拉列表将6个隐藏变量发送到结果页面进行日期搜索

开始日、开始月、开始年、结束日、结束月、结束年

然而,我想使用2个jQuery日期选择器,并假设为了便于讨论,它们是使用以下日期格式设置的

$( "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]);
    },

 });