src/main/resources/templates/demo/form/datetime.html

(开头部分) 10KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>
<html lang="zh">
<head>
	<th:block th:include="include :: header('日期和时间')" />
	<th:block th:include="include :: datetimepicker-css" />
</head>
<body class="gray-bg">
      <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>日期选择器 <small>https://github.com/smalot/bootstrap-datetimepicker</small></h5>
                    </div>
                    <div class="ibox-content">
                        <div class="form-group">
                            <label class="font-noraml">简单示例</label>
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="datetimepicker-demo-1" placeholder="yyyy-MM-dd HH:mm">
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="font-noraml">显示年月日</label>
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="datetimepicker-demo-2" placeholder="yyyy-MM-dd">
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="font-noraml">显示年月日时分秒</label>
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="datetimepicker-demo-3" placeholder="yyyy-MM-dd HH:mm:ss">
                            </div>
                        </div>
                        
                        <div class="form-group">
			                <label class="font-noraml">带清空的按钮</label>
			                <div class="input-group date form_date">
			                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
			                    <input class="form-control" size="16" type="text" readonly>
			                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
			                </div>
			            </div>
                        
                        <div class="form-group">
                            <label class="font-noraml">日期范围选择</label>
                            <div class="input-daterange input-group">
                                <input type="text" class="input-sm form-control" id="datetimepicker-startTime" placeholder="yyyy-MM-dd"/>
                                <span class="input-group-addon">到</span>
                                <input type="text" class="input-sm form-control" id="datetimepicker-endTime" placeholder="yyyy-MM-dd"/>
                            </div>
                        </div>
                        <hr>
                        <div class="form-group">
                            <label class="font-noraml">相关参数详细信息</label>
                            <div><a href="http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-datetimepicker" target="_blank">http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-datetimepicker</a></div>
后面还有 176 行代码,购买后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

还没有人解读过这个文件。