日期选择器js不起作用?

时间:2017-12-05 12:06:40

标签: javascript datepicker

我想在js中使用日期选择器,并且它在某些页面中工作,其中一些代码与此页面相同,但在此页面中它不起作用。我希望有人可以帮助我

这是我的代码:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css"
        type="text/css" media="all" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
			$('#txtDate').datepicker({ dateFormat: 'yy-mm-dd' }).val();
            $('#txtDate').datepicker();
        });

    </script>
 <script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
<!-- polyfiller file to detect and load polyfills -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
         	<label style="font-size:20px;">期間</label>
<form id="form1" runat="server" action="kasrapro.php">
    <input type="text" id="txtDate" name= "sdate" />

1 个答案:

答案 0 :(得分:0)

好像是格式化错误。 console仍然存在一个错误,原因是您的polyfiller.js,但DatePicker现在正在运行。

&#13;
&#13;
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function() {
$('#txtDate').datepicker({
  dateFormat: 'yy-mm-dd'
}).val();
$('#txtDate').datepicker();
  });
</script>
<script src="https://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
<!-- polyfiller file to detect and load polyfills -->
<script src="https://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
<label style="font-size:20px;">期間</label>
<form id="form1" runat="server" action="kasrapro.php">
  <input type="text" id="txtDate" name="sdate" />
</form>
&#13;
&#13;
&#13;