如何添加,请在“ jQuery日期选择器”中为月份年份下拉列表选择选项?

时间:2018-08-06 07:15:13

标签: jquery drop-down-menu datepicker options monthcalendar

我有一个如下所示的J查询日期选择器(单击链接以查看图像)。日期选择器在此日期选择器中显示月份和年份下拉菜单。

https://cdn.toolset.com/wp-content/uploads/2013/05/datepicker_month_year.png?x28969

默认情况下,日期选择器显示当前选定的年份和月份。而不是年份和月份下拉菜单需要显示“请选择”文本。如果用户未选择月份和年份,则不应关闭弹出窗口。仅当选择了选项时,弹出窗口才应关闭。我们需要为此配置哪些选项。

  $('#request-dob').datepicker({
    dateFormat: 'dd/mm/yy',
    changeMonth: true,
    changeYear: true,
    maxDate: new Date,
    yearRange: "-100:+0"
  });

1 个答案:

答案 0 :(得分:0)

我认为您可以使用输入的“占位符”属性。 请在一个HTML文件中复制以下代码示例,然后查看结果。

<html>
    <head>
      <title>Place Holder Sample</title>
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
      <script>
      $( function() {
        $( "#datepicker" ).datepicker({
          showOtherMonths: true,
          selectOtherMonths: true
        });
      } );
      </script>
    </head>
    <body> 
        <p>Date: <input type="text" id="datepicker" placeholder="Please Select"></p>
    </body>
</html>