From 47e10b936ccf6f1cf54a6cf69362474a2ec238c1 Mon Sep 17 00:00:00 2001
From: qinbo <qinbo@shsening.com>
Date: 星期四, 16 九月 2021 11:46:56 +0800
Subject: [PATCH] Menu button01页面
---
widgetsTS/dataTime/view.html | 166 ++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 145 insertions(+), 21 deletions(-)
diff --git a/widgetsTS/dataTime/view.html b/widgetsTS/dataTime/view.html
index 3266e2b..822034c 100644
--- a/widgetsTS/dataTime/view.html
+++ b/widgetsTS/dataTime/view.html
@@ -1,25 +1,149 @@
-<div class="btn-group append_test">
- <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
- <span class="fa fa-globe" id="current">灏忔椂锛�2020-01-01 09:00:00</span>
- </button>
- <ul class="dropdown-menu">
- <input type="radio" name="datatype" value="hour" title="灏忔椂鏁版嵁" checked>灏忔椂
- <input type="radio" name="datatype" value="day" title="澶╂暟鎹�">澶�
- <div class="layui-form">
- <div class="layui-form-item">
- <div class="layui-inline">
- <div class="layui-input-inline">
- <input type="text" class="layui-input" id="datatype_day" placeholder="yyyy-MM-dd">
+
+<div class="input-group input-group-lg append_test" >
+ <span style="width: 50px;" class="fa fa-globe input-group-addon dropdown-toggle" data-toggle="dropdown" ><span> </span><span id="current">灏忔椂锛�</span></span>
+ <input type='text' class="form-control date" id='appDate' name="appDate"/>
+ <ul class="dropdown-menu">
+
+ <div class="layui-form">
+ <div class="layui-form-item">
+ <div class="layui-inline">
+ <div class="layui-input-inline">
+ <input type="radio" name="datatype" value="hour" title="灏忔椂鏁版嵁" checked>
+ <input type="text" class="layui-input" id="datatype_hour" placeholder="yyyy-MM-dd HH">
+ </div>
+ </div>
+ <div class="layui-inline">
+ <div class="layui-input-inline">
+ <input type="radio" name="datatype" value="day" title="澶╂暟鎹�" >
+ <input type="text" class="layui-input" id="datatype_day" placeholder="yyyy-MM-dd">
+ </div>
+ </div>
</div>
</div>
- <div class="layui-inline">
- <div class="layui-input-inline">
- <input type="text" class="layui-input" id="datatype_hour" placeholder="yyyy-MM-dd HH">
- </div>
- </div>
- </div>
- </div>
-
+
</ul>
-</div>
\ No newline at end of file
+</div>
+
+
+
+<!-- <div class="btn-group append_test">
+
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
+
+ <!-- <span class="fa fa-globe" id="current"> 灏忔椂锛� -->
+ <input type='button' class="form-control" id='' name="" value="" />
+
+ </button>
+ <button type="button" class="btn btn-primary">
+ <!-- <input type="text" class="layui-input" id="appDate" placeholder="yyyy-MM-dd"> -->
+ <!-- <input type='text' class="form-control date" id='appDate' name="appDate"/> -->
+ </button>
+
+
+</div> -->
+
+<script>
+ $(document).ready(function() {
+ initDayHour();
+
+
+ //console.log("i am jquery");
+ //var currentHour = getDefaultDateTime();
+ //$('#currentHour').text(currentHour);
+
+
+ $('input[type=radio][name=datatype]').change(function() {
+ if (this.value == 'hour') {
+ //alert("Allot Thai Gayo Bhai");
+ $('#current').text("灏忔椂锛�");
+ initDayHour();
+ }
+ else if (this.value == 'day') {
+ //alert("Transfer Thai Gayo");
+ $('#current').text("澶╋細");
+ initDay();
+ }
+ reloadTop10();
+ });
+
+
+
+
+
+ })
+
+ function initDayHour(){
+ try {
+ $("#appDate").datetimepicker('remove');
+ } catch (error) {
+
+ }
+
+ $("#appDate").datetimepicker({
+ bootcssVer:3, //bootstrap-datetimepicker锛媌ootstrap v3锛屼絾杩欎釜鎻掍欢浣跨敤鐨勬椂鍊欙紝骞舵病鏈夊拰V3鐩稿尮閰嶏紝浠嶇劧璋冪敤鐨勬槸bootstrap V2鐨勫浘鏍� 鎶奲ootcssVer鐨勫�肩洿鎺ヨ涓�3锛屽惁鍒檇atetimepicker涓嶄細鏄剧ず鍑轰笂銆佷笅涓湀鐨勭澶�
+ format: 'yyyy-mm-dd HH:00:00',
+ minView: 'day',//璁剧疆鏃堕棿閫夋嫨涓哄勾鏈堟棩 鍘绘帀鏃跺垎绉掗�夋嫨
+ todayBtn: true, //濡傛灉姝ゅ�间负true 鎴� "linked"锛屽垯鍦ㄦ棩鏈熸椂闂撮�夋嫨鍣ㄧ粍浠剁殑搴曢儴鏄剧ず涓�涓� "Today" 鎸夐挳鐢ㄤ互閫夋嫨褰撳墠鏃ユ湡銆傚鏋滄槸true鐨勮瘽锛�"Today" 鎸夐挳浠呬粎灏嗚鍥捐浆鍒板綋澶╃殑鏃ユ湡锛屽鏋滄槸"linked"锛屽綋澶╂棩鏈熷皢浼氳閫変腑銆�
+ clearBtn:true,
+ language: 'zh-CN',
+ autoclose: true, //褰撻�夋嫨涓�涓棩鏈熶箣鍚庢槸鍚︾珛鍗冲叧闂鏃ユ湡鏃堕棿閫夋嫨鍣ㄣ��
+ keyboardNavigation: true, //鏄惁鍏佽閫氳繃鏂瑰悜閿敼鍙樻棩鏈熴��
+ forceParse: true, //褰撻�夋嫨鍣ㄥ叧闂殑鏃跺�欙紝鏄惁寮哄埗瑙ｆ瀽杈撳叆妗嗕腑鐨勫�笺��
+ initialDate:new Date(),
+ todayHighlight: 1 //濡傛灉涓簍rue, 楂樹寒褰撳墠鏃ユ湡
+ }).on("changeDate", function () {
+ //瑷疆鍙�夌殑鏈�鍚庢棩鏈熺偤鐣跺墠鏃ユ湡
+ //$("#start_time").datetimepicker("setEndDate", getToday())
+ reloadTop10();
+ });
+
+ $("#appDate").datetimepicker("setDate", new Date());
+ }
+
+ function initDay(){
+ try {
+ $("#appDate").datetimepicker('remove');
+ } catch (error) {
+
+ }
+ $("#appDate").datetimepicker({
+ bootcssVer:3, //bootstrap-datetimepicker锛媌ootstrap v3锛屼絾杩欎釜鎻掍欢浣跨敤鐨勬椂鍊欙紝骞舵病鏈夊拰V3鐩稿尮閰嶏紝浠嶇劧璋冪敤鐨勬槸bootstrap V2鐨勫浘鏍� 鎶奲ootcssVer鐨勫�肩洿鎺ヨ涓�3锛屽惁鍒檇atetimepicker涓嶄細鏄剧ず鍑轰笂銆佷笅涓湀鐨勭澶�
+ format: 'yyyy-mm-dd',
+ minView: 'month',//璁剧疆鏃堕棿閫夋嫨涓哄勾鏈堟棩 鍘绘帀鏃跺垎绉掗�夋嫨
+ todayBtn: true, //濡傛灉姝ゅ�间负true 鎴� "linked"锛屽垯鍦ㄦ棩鏈熸椂闂撮�夋嫨鍣ㄧ粍浠剁殑搴曢儴鏄剧ず涓�涓� "Today" 鎸夐挳鐢ㄤ互閫夋嫨褰撳墠鏃ユ湡銆傚鏋滄槸true鐨勮瘽锛�"Today" 鎸夐挳浠呬粎灏嗚鍥捐浆鍒板綋澶╃殑鏃ユ湡锛屽鏋滄槸"linked"锛屽綋澶╂棩鏈熷皢浼氳閫変腑銆�
+ clearBtn:true,
+ language: 'zh-CN',
+ autoclose: true, //褰撻�夋嫨涓�涓棩鏈熶箣鍚庢槸鍚︾珛鍗冲叧闂鏃ユ湡鏃堕棿閫夋嫨鍣ㄣ��
+ keyboardNavigation: true, //鏄惁鍏佽閫氳繃鏂瑰悜閿敼鍙樻棩鏈熴��
+ forceParse: true, //褰撻�夋嫨鍣ㄥ叧闂殑鏃跺�欙紝鏄惁寮哄埗瑙ｆ瀽杈撳叆妗嗕腑鐨勫�笺��
+ initialDate:new Date(),
+ todayHighlight: 1 //濡傛灉涓簍rue, 楂樹寒褰撳墠鏃ユ湡
+ }).on("changeDate", function () {
+ //瑷疆鍙�夌殑鏈�鍚庢棩鏈熺偤鐣跺墠鏃ユ湡
+ //$("#start_time").datetimepicker("setEndDate", getToday())
+ reloadTop10();
+ });
+
+ $("#appDate").datetimepicker("setDate", new Date());
+
+ }
+
+ function applyDateType(){
+ var dateType = $('input[type=radio][name=datatype]').val();
+ return dateType;
+ }
+
+ function reloadTop10(){
+ var leftAndRight = mars3d.widget.getClass("widgetsTS/widget_Overall/widget.js");
+ if(leftAndRight){
+ if(leftAndRight.viewWindowLeft){
+ leftAndRight.viewWindowLeft.loadTop10();
+ }
+ }
+ }
+
+ function getAppDateTime(){
+ return $('#appDate').val();
+ }
+</script>
\ No newline at end of file
--
Gitblit v1.9.1