jquery 获取当前系统时间
时间: 2023-09-09 09:10:33 浏览: 61
可以使用JavaScript中的Date对象来获取当前系统时间,jQuery并没有提供直接获取系统时间的方法。
下面是一个使用jQuery和JavaScript获取当前系统时间的示例代码:
```javascript
$(document).ready(function() {
var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var year = currentDate.getFullYear();
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
var dateTimeString = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
console.log(dateTimeString);
});
```
代码中,我们先使用JavaScript中的Date对象获取当前系统时间,然后将年月日时分秒分别取出,并用字符串拼接成日期时间字符串。最后将日期时间字符串输出到控制台。
相关问题
jQuery获取当前时间
要使用jQuery获取当前时间,可以使用以下代码:
```javascript
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
var currentMonth = currentDate.getMonth() + 1; // 月份从0开始,所以需要加1
var currentDay = currentDate.getDate();
var currentHour = currentDate.getHours();
var currentMinute = currentDate.getMinutes();
var currentSecond = currentDate.getSeconds();
var currentTime = currentYear + "-" + currentMonth + "-" + currentDay + " " + currentHour + ":" + currentMinute + ":" + currentSecond;
```
以上代码中,首先创建一个`Date`对象来获取当前时间。然后使用`getFullYear()`、`getMonth()`、`getDate()`、`getHours()`、`getMinutes()`和`getSeconds()`方法分别获取当前年份、月份、日期、小时、分钟和秒钟。最后,将这些值拼接成一个字符串来表示当前时间。
请注意,上述代码使用了原生JavaScript的`Date`对象,而非jQuery。因为获取当前时间是一个与浏览器相关的操作,并不需要依赖于jQuery。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [jquery获取当前时间](https://blog.csdn.net/jzz111/article/details/24732195)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [Jquery获取当前时间](https://blog.csdn.net/hyc18272318789/article/details/125186893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Java企业报表管理系统源码](https://download.csdn.net/download/m0_55416028/88269629)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
写一个:在jsp页面点击查询后弹出layUI小框进行姓名等各项信息输入,自动获取系统时间和当前用户 信息输出到小框中,按钮为取消和确定或者保存,确定后跳转查询页面,保存输入信息
以下是一个简单的实现示例:
在jsp页面中,添加一个查询按钮和一个隐藏的弹窗div:
```
<button class="layui-btn" id="searchBtn">查询</button>
<div id="popup" style="display:none;">
<form class="layui-form" action="saveInfo.jsp">
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="name" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">系统时间</label>
<div class="layui-input-block">
<input type="text" name="time" readonly class="layui-input" id="time">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">当前用户</label>
<div class="layui-input-block">
<input type="text" name="user" readonly class="layui-input" value="<%=session.getAttribute("username")%>">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="saveInfo">保存</button>
<button type="button" class="layui-btn layui-btn-primary" id="cancelBtn">取消</button>
</div>
</div>
</form>
</div>
```
在页面底部引入layUI和jQuery:
```
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.all.js"></script>
```
在页面底部添加以下脚本:
```
<script>
// 点击查询按钮,显示弹窗
$("#searchBtn").click(function() {
// 自动填充系统时间
var now = new Date();
var timeStr = now.getFullYear() + "-" + (now.getMonth()+1) + "-" + now.getDate() + " " + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
$("#time").val(timeStr);
layer.open({
type: 1,
title: "输入信息",
content: $("#popup"),
area: ["500px", "300px"]
});
});
// 点击取消按钮,关闭弹窗
$("#cancelBtn").click(function() {
layer.closeAll();
});
</script>
```
在saveInfo.jsp中,获取表单数据并保存到数据库中,然后跳转回查询页面:
```
<%
String name = request.getParameter("name");
String time = request.getParameter("time");
String user = request.getParameter("user");
// TODO: 将数据保存到数据库中
response.sendRedirect("search.jsp");
%>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)