0

JQuery 日付ピッカー範囲があります。その上に2つの矢印ボタンを追加したい。左矢印を押すと、両方の日付が 1 日下がります。右は反対。

I currently have は、どの矢印を押しても日付を現在の日付に設定します。

ほとんどのコードが非常に似ているため (左矢印と右矢印、開始日と終了日)、コードの一部のみを掲載しています。

<script>
$(function() {
$( "#startdate" ).datepicker({
onClose: function( selectedDate ) {
$( "#enddate" ).datepicker( "option", "minDate", selectedDate );
}
});
<script>

<script language="Javascript" type="text/javascript">
function reduceDate()
{

    var strCurrStart = $( "#startdate" ).datepicker( "getDate" );
    var strCurrEnd = $( "#enddate" ).datepicker( "getDate" );
    var dateCurrStart = new Date(Date.parse(strCurrStart));
    var dateCurrEnd = new Date(Date.parse(strCurrEnd));
    dateCurrStart.setDate(dateCurrStart.getDate() - 1);
    dateCurrEnd.setDate(dateCurrEnd.getDate() - 1);
    var dateNewStart = dateCurrStart.toDateString();
    var dateNewEnd = dateCurrEnd.toDateString();
    dateNewStart = new Date( Date.parse(dateNewStart));
    dateNewEnd = new Date( Date.parse(dateNewEnd));
    $( "#startdate" ).datepicker( "setDate", "dateNewStart" );
    $( "#enddate" ).datepicker( "setDate", "dateNewEnd" );
    return 1; 
}
</script>
<div align="center">
<a href="#" onClick="return reduceDate();"><img src="Black-Left-Arrow.png" alt="-1d" border="0" height="15"></a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="#" onClick="return increaseDate();"><img src="Black-Right-Arrow.png" alt="-1d" border="0" height="15"></a>&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;<br>
<form>
<label for="startdate">From</label>
<input type="text" id="startdate" name="startdate" value= <%=$strStartDate%> />
<label for="enddate">to</label>
<input type="text" id="enddate" name="enddate"  value= <%=$strEndDate%>>
<input type="submit" value="Update" ><input type="hidden" name= "query" value= <%=$query%> />
</form>
</div>
4

2 に答える 2

0

周りの " を削除してみてください。そうしないdateNewStartと、作成した日付ではなく日付を文字列として設定しようとしていますdateNewEnd。setDate

    $( "#startdate" ).datepicker( "setDate", dateNewStart );
    $( "#enddate" ).datepicker( "setDate", dateNewEnd );

ただし、1 日だけ減算する場合は、TCHdvlp ソリューションを使用する.datepicker("setDate", "-1");方がおそらく簡単です。

于 2016-07-13T08:43:28.350 に答える