mirror of https://github.com/layui/layui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.0 KiB
73 lines
2.0 KiB
<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> |