| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- <!-- 时间设置模块 -->
- <div class="layui-card">
- <div class="layui-card-header">时间设置(建议本地服使用)</div>
- <div class="layui-card-body">
- <form class="layui-form" id="timeForm">
- <!-- 日期和时间输入框(同一行) -->
- <div class="layui-form-item">
- <label class="layui-form-label">日期:</label>
- <div class="layui-input-inline">
- <input type="text" id="datetimeInput" placeholder="yyyy-MM-dd HH:mm:ss" class="layui-input"
- autocomplete="off">
- </div>
- <div class="layui-input-inline">
- <button class="layui-btn layui-btn-normal" type="button" onclick="submitDateTime()">设置日期</button>
- </div>
- <label class="layui-form-label">时间:</label>
- <div class="layui-input-inline">
- <input type="text" id="timeInput" placeholder="HH:mm:ss" class="layui-input" autocomplete="off">
- </div>
- <div class="layui-input-inline">
- <button class="layui-btn layui-btn-normal" type="button" onclick="submitTime()">设置时间</button>
- </div>
- </div>
- <!-- 时间偏移量输入框和按钮 -->
- <div class="layui-form-item">
- <label class="layui-form-label">时间偏移:</label>
- <div class="layui-input-inline">
- <input type="number" id="timeOffsetInput" placeholder="时间偏移量(秒)" class="layui-input"
- autocomplete="off">
- </div>
- <div class="layui-input-inline">
- <button class="layui-btn layui-btn-normal" type="button" onclick="submitTimeOffset()">设置偏移</button>
- </div>
- <div class="layui-input-inline">
- <button class="layui-btn layui-btn-danger" type="button" onclick="resetTime()">重置时间</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- <script>
- // 使用 Layui 的事件监听机制
- layui.use(['form', 'laydate'], function () {
- var form = layui.form;
- var laydate = layui.laydate;
- var layer = layui.layer;
- // 初始化日期时间选择器(日期和时间)
- laydate.render({
- elem: '#datetimeInput',
- type: 'datetime',
- format: 'yyyy-MM-dd HH:mm:ss',
- trigger: 'click'
- });
- // 初始化时间选择器(仅时间)
- laydate.render({
- elem: '#timeInput',
- type: 'time',
- format: 'HH:mm:ss',
- trigger: 'click'
- });
- });
- // 设置日期时间
- function submitDateTime() {
- var datetimeValue = $("#datetimeInput").val();
- if (!datetimeValue) {
- layer.msg("请选择日期时间", { icon: 2 });
- return;
- }
- var params = [
- "date",
- datetimeValue
- ];
- toTimeSubmitForm(params); // 调用统一的 submitForm 方法
- }
- // 设置时间
- function submitTime() {
- var timeValue = $("#timeInput").val();
- if (!timeValue) {
- layer.msg("请设置时间", { icon: 2 });
- return;
- }
- var params = [
- "set",
- timeValue
- ];
- toTimeSubmitForm(params); // 调用统一的 submitForm 方法
- }
- // 重置时间
- function resetTime() {
- $("#datetimeInput").val("");
- $("#timeInput").val("");
- $("#timeOffsetInput").val("");
- var params = [
- "reset"
- ];
- toTimeSubmitForm(params);
- }
- // 设置时间偏移量(单位为秒)
- function submitTimeOffset() {
- var timeOffsetValue = $("#timeOffsetInput").val();
- if (!timeOffsetValue) {
- layer.msg("请输入时间偏移量(秒)", { icon: 2 });
- return;
- }
- // 验证是否为数值
- if (isNaN(timeOffsetValue)) {
- layer.msg("偏移量必须为数值(秒)", { icon: 2 });
- return;
- }
- var params = [
- "offset",
- timeOffsetValue
- ];
- toTimeSubmitForm(params); // 调用统一的 submitForm 方法
- }
- // 提交表单
- function toTimeSubmitForm(params) {
- var commond = "/gm time " + params.join(" ");
- submitForm(commond); // 调用统一的 submitForm 方法
- }
- </script>
|