日期元件初始化
不帶時分秒,jsp中引入:
<!-- bootstrap time picker -->
<script src="<%=path%>/plugins/timepicker/bootstrap-timepicker.min.js"></script>
帶時分秒,jsp中引入:
<!-- bootstrap time picker -->
<script src="<%=path%>/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
/**
* 日期元件初始化.
*
* @returns
*/
function initdatePicker(){
//不帶時分秒
/*$('#dev_form_postingdate').datepicker({
autoclose: true,
format: 'yyyy-mm-dd'
});*/
//帶時分秒
$('#dev_form_postingdate').datetimepicker({
autoclose: true,
format: 'yyyy-mm-dd hh:ii:ss'
});
}
/**
* 日期元件初始化.
*
* @returns
*/
function initdatePicker(){
//查詢裡面的日期初始化
$('#dev_lc_qrybt').datepicker({
autoclose: true,
format: 'yyyy-mm-dd'
});
$('#dev_lc_qryet').datepicker({
autoclose: true,
format: 'yyyy-mm-dd'
});
//詳情裡面的日期初始化
$('#dev_form_contractdate').datetimepicker({
autoclose: true,
format: 'yyyy-mm-dd hh:ii:ss'
});
}
/**
* 日期元件初始化.
*
* @returns
*/
function initdatePicker(){
$('#gprs_rpt_topn_bt').datepicker({
autoclose: true,
format: 'yyyy-mm-dd'
});
$('#gprs_rpt_topn_et').datepicker({
autoclose: true,
format: 'yyyy-mm-dd'
});
var curDate = new Date();
$('#gprs_rpt_topn_et').val(curDate.format("yyyy-MM-dd"));
var curTs = curDate.getTime();
curDate.setTime(curTs - 7*24*3600*1000);
$('#gprs_rpt_topn_bt').val(curDate.format("yyyy-MM-dd"));
}
/**
* 日期元件初始化.
*
* @returns
*/
function initdatePicker(){
$('#appm_md_begtime').datetimepicker({
autoclose: true,
format: 'yyyy-mm-dd hh:ii:ss'
});
$('#appm_md_endtime').datetimepicker({
autoclose: true,
format: 'yyyy-mm-dd hh:ii:ss'
});
var curDate = new Date();
var curTs = curDate.getTime();
curDate.setTime(curTs + 1*3600*1000);
$('#appm_md_endtime').val(curDate.format("yyyy-MM-dd hh:mm:ss"));
var curTs = curDate.getTime();
curDate.setTime(curTs - 3*24*3600*1000);
$('#appm_md_begtime').val(curDate.format("yyyy-MM-dd hh:mm:ss"));
}
function init_datetime(){
// 初始化日期
$('#dev_vertask_starttime').datetimepicker({
autoclose:"true",
format:"yyyy-mm-dd hh:ii:ss", //格式化日期
});
}
function init_datetime_data(){
//初始化時間
var currenttimestamp = new Date().getTime();//當前的時間戳
var starttimestamp = currenttimestamp + 2 * 60 * 60 * 1000; //預設當前時間晚2個小時
var starttime = new Date(starttimestamp);
$('#dev_vertask_starttime').val(starttime.format("yyyy-MM-dd hh:mm:ss"));
}
相關文章
- sencha:日期選擇元件datepicker元件
- c#日期控制元件monthcalenderC#控制元件
- vue父子元件傳參後,子元件重新初始化Vue元件
- GEE筆記:多日期滑動元件筆記元件
- ElementUI日期元件格式化問題UI元件
- React Native日期時間選擇元件React Native元件
- jquerydatetimepicker日期時間控制元件jQuery控制元件
- bootstrap日期控制元件 只顯示 年月boot控制元件
- mscomm串列埠控制元件初始化串列埠控制元件
- Vue無限滑動周選擇日期的元件Vue元件
- JS日期級聯元件程式碼分析及demoJS元件
- vue 原始碼詳解(二): 元件生命週期初始化、事件系統初始化Vue原始碼元件事件
- C++ Qt開發:DateTime日期時間元件C++QT元件
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- Kalendae:JavaScript日期選擇和日曆控制元件JavaScript控制元件
- 前端開發之日期控制元件、HTML5日期輸入型別(date)前端控制元件HTML型別
- 擴充套件input的web輸入控制元件(日期時間控制元件)套件Web控制元件
- 基於Vue元件化的日期聯動選擇器Vue元件化
- 【Swift Objective C】強勁的日期選擇控制元件SwiftObject控制元件
- 使DevExpress日期控制元件正確顯示 (轉)devExpress控制元件
- Flutter 日期時間DatePicker控制元件及國際化Flutter控制元件
- RN自定義元件封裝 – 拖拽選擇日期的日曆元件封裝
- 支付寶小程式日期選擇元件 datePicker 封裝元件封裝
- Vant庫的使用,及日期元件的一些注意點元件
- RN自定義元件封裝 - 拖拽選擇日期的日曆元件封裝
- react 學習--元件的生命週期(一)初始化階段React元件
- Flutter 日期時間選擇類控制元件及國際化Flutter控制元件
- 仿寫美團酒店日期選擇元件(小程式、React-Native)元件React
- web技術分享| 日期選擇限制元件二次封裝Web元件封裝
- my97日期控制元件和jQuery中的Ajax控制元件jQuery
- element-ui使用el-date-picker日期元件常見場景UI元件
- Spring MVC原始碼(一) ----- 啟動過程與元件初始化SpringMVC原始碼元件
- React原始碼分析與實現(一):元件的初始化與渲染React原始碼元件
- SAP UI5 SimpleForm 控制元件例項的初始化除錯UIORM控制元件除錯
- WPF進階技巧和實戰03-控制元件(4-基於範圍的控制元件及日期控制元件)控制元件
- uniapp-uView表單中如何新增日期控制元件?APPView控制元件
- Extjs4 DateTimeField,日期時間控制元件完美版JS控制元件
- webuploader在同頁面初始化多個上傳元件問題Web元件