如何在 Jquery Date Picker 中添加请选择月份年份下拉菜单的选项？答案

【问题标题】：How to add please select option for the month year dropdown in Jquery Date Picker?如何在 Jquery Date Picker 中添加请选择月份年份下拉菜单的选项？
【发布时间】：2018-08-06 07:15:13
【问题描述】：

我有一个 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"
  });

【问题讨论】：

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

【解决方案1】：

我认为您可以使用输入的“占位符”属性。请将以下代码示例复制到一个 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>

【讨论】：

它提供了上一个、下一个按钮。但我想在 jquery 日期选择器的月份和年份下拉菜单上显示“请选择”文本。