手動で日付を（mm/dd/yy）形式で入力してください。

Question

• フィールドに日付を入力する場合は、mm/dd/yy形式で開始してください。どのように私はjavascriptまたはjqueryを使用してこれを行うことができます。

• 月を "01"と入力すると自動的にスラッシュ（ "/"）が1つ追加されます。日付を "30"にするとスラッシュ（ "/"）が1つ追加されます。それから2桁も年。

• 他の数字は入力できません。スラッシュを含めて8文字しか入力しません。 （例：01/06/16）。

フィディドを見てください。

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

はあなたの要求のためのプラグインが存在します。あなたはプラグインである「*私はこの*のための任意のプラグインを使用したくない」が、財団-datapicker.js

MASKED INPUT PLUGIN