台灣最大程式設計社群網站
線上人數
1545
 
會員總數:246631
討論主題:190057
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 請問如何讓第2個jquery-ui的datetimpicker要比第1個多30分鐘或多1個小時
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請問如何讓第2個jquery-ui的datetimpicker要比第1個多30分鐘或多1個小時
價值 : 50 QP  點閱數:796 回應數:3
樓主

teacher
門外漢
0 5
109 4
發送站內信

請問各位先進,我使用jquery-ui的timpicker

<link href="Script/jquery-ui-timepicker-addon.css" rel="stylesheet" />
<script src="Script/jquery-ui-timepicker-addon.js"></script>

<asp:TextBox runat="server" ID="TextBox1" CssClass="datetimepicker3 form-control">開始時間</asp:TextBox>
<asp:TextBox runat="server" ID="TextBox2" CssClass="datetimepicker3 form-control">結束時間</asp:TextBox>


$("#ContentPlaceHolder1_TextBox1").change(function () {
var start = $("#ContentPlaceHolder1_TextBox1").val();
var end = $("#ContentPlaceHolder1_TextBox2").val();
if (start > end) {
$("#ContentPlaceHolder1_TextBox2").val();
}
});
$("#ContentPlaceHolder1_TextBox2").change(function () {
var start = $("#ContentPlaceHolder1_TextBox1").val();
var end = $("#ContentPlaceHolder1_TextBox2").val();
if (start > end) {
$("#ContentPlaceHolder1_TextBox1").val(end);
}
});


目前我只能做到,開始時間小於或等於結束時間,但如果我要結束時間一定要比開始時間多30分鐘或是多1小時,該如何修改程式呢?

搜尋相關Tags的文章: [ timpicker ] , [ jquery-ui ] , [ datetimpicker ] ,
本篇文章發表於2016-07-06 15:51
1樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
1.請用程式標籤.....
2.你都已經抓到開始跟結束時間了,你把開始時間加上30min後再去跟結束時間判斷。
如果你是要問javascript的時間怎麼計算,
請參考 http://www.eion.com.tw/Blogger/?Pid=1148
如果你想比較簡單的方法, 請參考:http://momentjs.com/
本篇文章回覆於2016-07-07 11:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

teacher
檢舉此回應
感謝Daimom兄的說明,我使用比較複雜的方式完成了,結束時間一定要比開始時間晚1小時。

$('#ContentPlaceHolder1_TextBoxRStartTime').change(function () {
var start = $('#ContentPlaceHolder1_TextBoxRStartTime').datetimepicker('getDate');
var end = $('#ContentPlaceHolder1_TextBoxREndTime').val();
var startAddHours = start;
start = moment(start).format('HH:mm');
startAddHours.setHours(startAddHours.getHours() + 1);
startAddHours = moment(startAddHours).format('HH:mm');
if (start >= end)
{
$('#ContentPlaceHolder1_TextBoxREndTime').val(startAddHours);
}
});
$('#ContentPlaceHolder1_TextBoxREndTime').change(function () {
var start = $('#ContentPlaceHolder1_TextBoxRStartTime').val();
var end = $('#ContentPlaceHolder1_TextBoxREndTime').datetimepicker('getDate');
var endLessHours = end;
end = moment(end).format('HH:mm');
endLessHours.setHours(endLessHours.getHours() - 1);
endLessHours = moment(endLessHours).format('HH:mm');
if (start >= end) {
$('#ContentPlaceHolder1_TextBoxRStartTime').val(endLessHours);
}
});
本篇文章回覆於2016-07-07 11:49
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
你還是先學會用程式標簽吧。要不然你只是在製造幫你人的麻煩。
本篇文章回覆於2016-07-18 02:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.