javascript - 仅含 mm/yyyy 的 Html 文本框

Question

我们需要向用户显示一个输入框来输入到期日期。到期日通常为 mm/yyyy。例如，10/2018

有没有办法在文本框中只接受 MM/YYYY 格式的值？

我还没有看到输入 type="date" 的任何日期选项。

月份应在有效范围内——仅限 01 到 12

Answer 1

如果你会用jquery，看看 Working fiddle ，使用 Datepicker | jQuery UI .

HTML :

<label for="startDate">Date :</label>
<input name="startDate" id="startDate" class="date-picker" />

JS :

$(function() {
    $('#startDate').datepicker({
        dateFormat: "mm/yy"
    }) 
    .datepicker('setDate', new Date())
    .datepicker("option", "changeMonth", true)
    .datepicker("option", "changeYear", true)
    .datepicker("option", "showButtonPanel", true)
    .datepicker("option", "onClose", function(e){
         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));
    })
});

希望这对您有所帮助。