2017-05-23 3 views
1

2つのテキストボックスのIDはそれぞれ異なります。終了日を選択すると、開始日の値が変更され、終了日は空のままになります。私はユーザーが受け取った答えを試しましたuser2517610。それは私のために働いていない。私は要素を動的に生成していません。jquery date timeピッカーを適用した2番目のテキストから日付を選択した後、最初のテキストボックスに日付が変更されます

<div class="row"><div class="form-group form-inline col-lg-offset-2 col-sm-ffset-2 col-xs-offset-2"><label style="width: 110px;" >start date</label> <input type="text" class="form-control" id="ctl_survey_startdate_101"></div></div> 
<div class="row"><div class="form-group form-inline col-lg-offset-2 col-sm-offset-2 col-xs-offset-2"><label style="width: 110px;">End Date</label> <input type="text" class="form-control" id="ctl_survey_enddate_101"></div></div> 

これは私がスニペットにあなたのコードに従事していると、それが正常に動作して、日付時刻ピッカーに

$('#ctl_survey_startdate_101').datepicker({ 
    dateFormat : 'yy-mm-dd' 
}); 

$('#ctl_survey_enddate_101').datepicker({ 
    dateFormat : 'yy-mm-dd'    
}); 
+1

あなたのスクリプトで変更イベントを使用していますか? – Kuru

+0

こんにちは、覚えて、StackOverflowへようこそ。ヘルプページ、特に[ここではどのトピックについて聞かせていただけますか?](http://stackoverflow.com/help/on-topic)と[質問しないでください。」](http://stackoverflow.com/help/dont-ask)。さらに重要なことは、[Stack Overflow question checklist](http://meta.stackexchange.com/q/156810/204922)をお読みください。また、[最小、完全、および検証可能な例](http://stackoverflow.com/help/mcve) –

+0

について学ぶことができますあなたのコードは正常に動作しています。コード内にイベントが存在するかどうかを確認します。 https://jsfiddle.net/8b3atjec/ – Unknown

答えて

0

$('#ctl_survey_startdate_101').datepicker({ 
 
    dateFormat : 'yy-mm-dd' 
 
}); 
 

 
$('#ctl_survey_enddate_101').datepicker({ 
 
    dateFormat : 'yy-mm-dd'    
 
});
<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> 
 

 

 
<div class="row"> 
 
    <div class="form-group form-inline col-lg-offset-2 col-sm-ffset-2 col-xs-offset-2"> 
 
    <label style="width: 110px;" >start date</label> 
 
    <input type="text" class="form-control" id="ctl_survey_startdate_101"> 
 
    </div> 
 
</div> 
 

 

 
<div class="row"> 
 
    <div class="form-group form-inline col-lg-offset-2 col-sm-offset-2 col-xs-offset-2"> 
 
    <label style="width: 110px;">End Date</label> 
 
    <input type="text" class="form-control" id="ctl_survey_enddate_101"> 
 
    </div> 
 
</div>

を適用しています方法です。
問題が発生している可能性があります。 確認してください、またはすべてのコードを追加できますか?

関連する問題