从URL获取日期并在jquery datepicker上更改所选日期

时间:2012-12-22 00:29:46

标签: javascript jquery jquery-ui datepicker

在搜索了一下后,我决定问这个问题。

我有一个表单中的jquery日期选择器,在更改日期并点击提交后,网址将如下所示:index.php?thedate=12%2F22%2F2012#这实际上是 12/22/2012 。然后我需要它来提取网址并将所选日期更改为网址中的任何内容。因此,对于我早期 12/22/2012 的例子,日历上的所选日期将是第22个。

这是我的代码:

<form method='get' action='#'>

    <div id="datepicker"></div>
    <input type='hidden' id='thedate' name='thedate' />

    <input type='submit' value='SUBMIT' id='submit'/>

</form>

和我的javascript:

$( "#datepicker" ).datepicker({
    minDate: 0,
    onSelect: function(dateText, inst) { 
        alert(dateText);
        document.getElementById('thedate').value=dateText;
    }
});

感谢您的帮助!如果您需要更多细节或细节,请询问!

1 个答案:

答案 0 :(得分:2)

您必须设置日期格式。这样做:

$( "#datepicker" ).datepicker( "option", "dateFormat", 'mm/dd/yy' );

您还可以指定2种日期格式。一个用于演示目的dateformat,另一个用于您的应用程序中使用的实际日期。最后一个是altformat,必须与altfield一起使用,此字段是以其替代格式存储所选日期的字段。

$("#datepicker").datepicker({ 
  dateFormat: "mm/dd/yy",
  altFormat: "mmddyy",
  altField: "#alt-date"
});

<input type="hidden" id="alt-date"/>

因此,您可以使用此altField(通常为hiddenField)来存储日期并将其发送到服务器。

<强> TEST IT