init

public/frontend/layui-main/docs/laydate/examples/theme.md

@@ -0,0 +1,73 @@
+<div class="layui-form">
+  <div class="layui-form-item">
+    <div class="layui-inline">
+      <label class="layui-form-label">墨绿主题</label>
+      <div class="layui-input-inline">
+        <input type="text" class="layui-input" id="ID-laydate-theme-molv" placeholder="yyyy-MM-dd">
+      </div>
+    </div>
+    <div class="layui-inline">
+      <label class="layui-form-label">自定义颜色主题</label>
+      <div class="layui-input-inline">
+        <input type="text" class="layui-input" id="ID-laydate-theme-color" placeholder="yyyy-MM-dd">
+      </div>
+    </div>
+    <div class="layui-inline">
+      <label class="layui-form-label">格子主题</label>
+      <div class="layui-input-inline">
+        <input type="text" class="layui-input" id="ID-laydate-theme-grid" placeholder="yyyy-MM-dd">
+      </div>
+    </div>
+    <!--<div class="layui-inline">
+      <label class="layui-form-label">圆圈高亮主题</label>
+      <div class="layui-input-inline">
+        <input type="text" class="layui-input" id="ID-laydate-theme-circle" placeholder="yyyy-MM-dd">
+      </div>
+    </div>-->
+    <div class="layui-inline">
+      <label class="layui-form-label">混合主题</label>
+      <div class="layui-input-inline">
+        <input type="text" class="layui-input" id="ID-laydate-theme-multi" placeholder="yyyy-MM-dd">
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- import layui --> 
+<script>
+layui.use(function(){
+  var laydate = layui.laydate;
+
+  // 墨绿主题
+  laydate.render({
+    elem: '#ID-laydate-theme-molv',
+    theme: 'molv'
+  });
+  
+  // 自定义颜色
+  laydate.render({
+    elem: '#ID-laydate-theme-color',
+    theme: '#FF5722'
+  });
+  
+  // 格子主题
+  laydate.render({
+    elem: '#ID-laydate-theme-grid',
+    theme: 'grid'
+  });
+
+  // 圆圈高亮主题
+  /*
+  laydate.render({
+    elem: '#ID-laydate-theme-circle',
+    theme: 'circle' // 2.8+新增主题
+  });
+  */
+
+  // 混合主题
+  laydate.render({
+    elem: '#ID-laydate-theme-multi',
+    theme: ['molv', 'grid'] // 2.8+ 新增功能
+  });
+});
+</script>