以（mm / dd / yy）格式手动输入日期

Question

• 如果我开始在字段中输入任何日期，则应以mm / dd / yy格式开始。 如何使用javascript或jquery执行此操作。

• 如果我将月份输入为“ 01”，则应自动添加一个斜杠（“ /”），如果我将日期添加为“ 30”，则应再添加一个斜杠（“ /”）。 然后年份也为两位数。

• 我不允许输入其他任何数字。 我只想输入8个字符（包括斜杠）。 （例如：16/06/01）。

请看小提琴。

的jsfiddle

我想使用javascript或jquery做到这一点。 但是我不想为此使用任何插件。 请帮我怎么做？

 var nowTemp = new Date(); var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); var checkin = jQuery('#startDate').fdatepicker({ format: "mm/dd/yy", onRender: function(date) { return date.valueOf() < now.valueOf() ? 'disabled' : ''; } }).data('datepicker'); jQuery("#startDate").fdatepicker({ autoclose: true, format: "mm/dd/yy", language: 'en', todayHighlight: false }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script src="http://davis-design.de/marktadresse/layout/js/foundation-datapicker.js"></script> <link href="http://davis-design.de/marktadresse/layout/css/foundation-datapicker.css" rel="stylesheet"/> <input type="text" id="startDate" name="start_datum" class="input_text date" value=""> 

Answer 1

添加此代码（添加RRR修改，谢谢RRR）：

$("#startDate").keypress(
      function(){
        if($("#startDate").val().length>7)
            return false;
        if($("#startDate").val().length==2 || $("#startDate").val().length==5)
          {  
          $("#startDate").val($("#startDate").val() + "/");
          }});

Answer 2

有您需要的插件。 你可以试试这个插件

面膜输入插件