2017-11-09 35 views
0

私はこのリセット日付ピッカー、jqueryの、AJAX

var day = new Date(); 
    $('#date').datepicker({ 
    inline: true, 
    sideBySide: true, 
    startDate: day, 
    }).on('changeDate',function (e) { 
     value = e.format('yyyy-mm-dd'); 
     $('#datehidden').val(value); 
    }); 

のようなこの

<div class="col-md-3"> 
<div id="date" data-date-format="dd-mm-yyyy"> </div> 
</div> 
<input id="datehidden" type="text" name="berlaku" value=""> 

とJavaScriptのようなHTMLを持っています私のdatepickerでもフォームを空白にリセットして、これを試してみてください。

$('#date').datepicker({setDate: null}); 

Googleで検索とstackoverflowはまだ最良の答えが表示されませんでした。手伝ってくれませんか?あなたが使用できる日付ピッカーを破壊したい場合 $('#date').datepicker("update", '');

+0

は – Salman

+0

はデシベルにdataeを提出のコードを表示してくださいウル 'submit'ボタンのコードを置きます。あなたはそれにajaxを使っていますか? –

答えて

0

あなたは空に日付やいくつかの特定の値を更新する日付ピッカーのイベントを使用する必要があります $('#date').datepicker("destry");

0

私が発見していません

私のHTMLからjQuery関数を呼び出すと、div内のコンテンツ(実際にはinputの位置)が消去されてしまいましたが、私は実際にそれをやっています。一度それを挿入するjQueryでゲインを.append()とうまくいきました。 HTMLで

//erase the content of div date1 
var div = document.getElementById('date1'); 
while(div.firstChild){ 
    div.removeChild(div.firstChild); 
} 

//erase the content of div date2 
var div = document.getElementById('date2'); 
while(div.firstChild){ 
    div.removeChild(div.firstChild); 
} 

$("#date1").append("<span class='input-group-addon' data-toggle='tooltip' title='Fecha fin de la movilidad'><b>FF</b></span><input type='text' name='fecha_1_reg' id='fecha_1_reg' placeholder='Ej: 2017-01-31'/>"); 
$("#date2").append("<span class='input-group-addon' data-toggle='tooltip' title='Final date'><b>FF</b></span><input type='text' name='fecha_2_reg' id='fecha_2_reg' placeholder='Ej: 2017-01-31'/>"); 

<td align='center'> 
    <div id="date1" class='input-group col-xs-3'> 
     <span class='input-group-addon' data-toggle='tooltip' title='First date'><b>FI</b></span> 
     <input type='text' name='fecha_1_reg' id='fecha_1_reg' placeholder='Ej: 2017-01-01' /> 
    </div> 
</td> 
<td align='center'> 
    <div id="date2" class='input-group col-xs-3'> 
     <span class='input-group-addon' data-toggle='tooltip' title='last date'><b>FF</b></span> 
     <input type='text' name='fecha_2_reg' id='fecha_2_reg' placeholder='Ej: 2017-01-31' /> 
    </div> 
</td> 
関連する問題