Browse Source

新增示例

笔下光年 6 years ago
parent
commit
f1ca51e666
2 changed files with 17 additions and 2 deletions
  1. 6 1
      lyear_js_colorpicker.html
  2. 11 1
      lyear_js_datepicker.html

+ 6 - 1
lyear_js_colorpicker.html

@@ -140,7 +140,12 @@
               <div class="card-header"><h4>颜色选择</h4></div>
               <div class="card-body">
                 
-                <input class="form-control js-colorpicker" type="text" id="example-colorpicker" name="text_color" placeholder="点击选择颜色" value="" />
+                <input class="form-control js-colorpicker m-b-10" type="text" id="example-colorpicker" name="text_color" placeholder="点击选择颜色" value="" />
+                
+                <div class="js-colorpicker input-group colorpicker-element">
+                  <input class="form-control" type="text" id="example-colorpicker2" name="example-colorpicker2" value="#33cabb">
+                  <span class="input-group-addon"><i style="background-color: rgb(51, 202, 187);"></i></span>
+                </div>
        
               </div>
             </div>

+ 11 - 1
lyear_js_datepicker.html

@@ -153,7 +153,17 @@
               <div class="card-header"><h4>日期选择</h4></div>
               <div class="card-body">
                 
-                <input class="form-control js-datepicker" type="text" id="example-datepicker" name="publish_time" placeholder="请选择发布时间" value="" data-date-format="yyyy-mm-dd" />
+                <input class="form-control js-datepicker m-b-10" type="text" id="example-datepicker" name="example-datepicker" placeholder="yyyy-mm-dd" value="" data-date-format="yyyy-mm-dd" />
+                
+                <input class="form-control js-datepicker m-b-10" type="text" id="example-datepicker1" name="example-datepicker1" data-date-format="yyyy/mm/dd" placeholder="yyyy/mm/dd">
+                
+                <input class="form-control js-datepicker m-b-10" type="text" id="example-datepicker2" name="example-datepicker2" data-date-format="yy/mm/dd" placeholder="yy/mm/dd">
+                
+                <div class="input-daterange input-group">
+                  <input class="form-control js-datepicker" data-date-format="yyyy-mm-dd" type="text" id="example-daterange1" name="example-daterange1" placeholder="从">
+                  <span class="input-group-addon"><i class="mdi mdi-chevron-right"></i></span>
+                  <input class="form-control js-datepicker" data-date-format="yyyy-mm-dd" type="text" id="example-daterange2" name="example-daterange2" placeholder="至">
+                </div>
                 
               </div>
             </div>