js编写一个函数,通过对Date对象的使用,在控制台输出当前日期
时间: 2024-10-22 07:11:52 浏览: 31
在JavaScript中,你可以创建一个函数来获取并打印当前日期。这里是一个简单的例子:
```javascript
function printCurrentDate() {
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); // January is 0!
var yyyy = today.getFullYear();
var currentDateTime = mm + '/' + dd + '/' + yyyy;
console.log("当前日期是:" + currentDateTime);
}
// 调用函数
printCurrentDate();
```
这个函数首先创建一个新的`Date`对象,然后获取日期、月份(注意,JavaScript中的月份从0开始计数,所以需要加1),以及年份。通过`padStart()`函数填充不足的数字,并将它们组合成一个字符串格式化的日期。最后,它将结果打印到控制台。
相关问题
编写JavaScript代码实现以下操作:;使用日期对象进行计算,求出倒计时时间,并在控制台显示倒计时时间
以下是实现倒计时的JavaScript代码:
```javascript
// 设置倒计时的结束时间
const endTime = new Date("2021-12-31 23:59:59");
// 使用 setInterval() 函数每秒更新倒计时时间,并在控制台显示
const countdown = setInterval(function() {
// 获取当前时间
const now = new Date().getTime();
// 计算距离结束时间的毫秒数
const distance = endTime.getTime() - now;
// 计算各个时间单位的值
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 在控制台显示倒计时时间
console.log(`距离2022年元旦还有 ${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒`);
// 如果倒计时结束,则清除 setInterval
if (distance < 0) {
clearInterval(countdown);
console.log("倒计时结束");
}
}, 1000);
```
这段代码会在控制台每秒钟输出距离指定时间的倒计时时间,直到倒计时结束。你可以修改 `endTime` 变量的值来设置不同的倒计时结束时间。
使用jQuery 日期选择插件 pickadate.js编写日历
首先,需要引入 pickadate.js 和相关的样式文件:
```html
<link href="https://cdn.jsdelivr.net/npm/pickadate/lib/themes/default.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/pickadate/lib/themes/default.date.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/pickadate/lib/picker.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pickadate/lib/picker.date.js"></script>
```
然后,在需要使用日期选择器的地方添加一个输入框:
```html
<input type="text" class="datepicker">
```
接着,使用 jQuery 初始化日期选择器:
```js
$(document).ready(function(){
$('.datepicker').pickadate({
format: 'yyyy-mm-dd', // 日期格式
selectMonths: true, // 是否显示月份
selectYears: 15, // 显示几年的范围
today: '今天', // 今天按钮文本
clear: '清空', // 清空按钮文本
close: '确定', // 确定按钮文本
closeOnSelect: true, // 选择日期后是否自动关闭
onSet: function(context) {
console.log('选中日期:', context.select);
} // 日期选择后的回调函数
});
});
```
注意,`datepicker` 是输入框的类名,需要根据实际情况进行修改。其他配置项可以根据需要进行调整。
最后,就可以在页面中看到一个日期选择器了。选择日期后,会触发 `onSet` 回调函数,并输出选中的日期到控制台中。
阅读全文