jQueryのUIの日付ピッカー=「テキスト」

Question

私は悩み入力type="text"を使用して、私の日付ピッカーの作業を行うことが生じています。どんな助けも素晴らしいだろう。

$(document).ready(function() { 
 
    $("#checkin").datepicker(); 
 
    $("#checkout").datepicker(); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<label for="checkin">Checkin</label> 
 
<input type="text" name="checkin" id="checkin" placeholder=" Check in"/> 
 

 
<label for="checkout">Checkout</label> 
 
<input type="text" name="checkout" id="checkout" placeholder=" Check out"/>

Answer 1

あなたはあなたのコードを使用して、以下の作業のサンプルを見つけることができます。私はjQueryの、jQueryのUI JSとCSSファイルが含まれています。

$(function() { 
 
    $("#checkin").datepicker(); 
 
    $("#checkout").datepicker(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 

 
<label for="checkin">Checkin</label> 
 
<input type="text" name="checkin" id="checkin" placeholder=" Check in" /> 
 

 
<label for="checkout">Checkout</label> 
 
<input type="text" name="checkout" id="checkout" placeholder=" Check out" />