mirror of https://github.com/layui/layui
58 lines
1.6 KiB
Markdown
58 lines
1.6 KiB
Markdown
|
<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-multi" placeholder="yyyy-MM-dd">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<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-multi',
|
||
|
|
theme: ['molv', 'grid'] // 2.8+ 新增功能
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|