Question

我正在研究这个日期选择器。我的代码可以单独运行，但是当我在整个应用程序中使用它时，它会显示日期标签旁边的空文本框。我创建了一个plunkr。需要帮助。

由于我的整个代码很大，请check here。这里只是我的代码datepicker.js中的一个文件：

$(function () {
    $('.date-picker').datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function (dateText, inst) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});

Answer 1

你需要包含这个

<link rel="stylesheet"href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

脚本：

  $(function() 
  {   $( "#datepicker" ).datepicker({
       changeMonth:true,
       changeYear:true,
       yearRange:"-50:+50",
       dateFormat:"yy-mm-dd" });
   });

并且

<label>Date</label><input type="text" name="datepicker" id="datepicker"/>

这样可行。

Jquery Datepicker仅适用于月份和年份

1 个答案: