在網(wǎng)頁開發(fā)過程中，經(jīng)常會遇到需要用戶選擇日期的情況，而datepicker就是一種常見的日期選擇器。那么在使用datepicker時，如何設(shè)置日期呢？下面將為您詳細(xì)介紹。 今天日期```html$('

在網(wǎng)頁開發(fā)過程中，經(jīng)常會遇到需要用戶選擇日期的情況，而datepicker就是一種常見的日期選擇器。那么在使用datepicker時，如何設(shè)置日期呢？下面將為您詳細(xì)介紹。

今天日期

```html

$('reportrange span').html(moment().startOf('day').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為當(dāng)前日期。

昨天日期

```html

$('reportrange span').html(moment().subtract(1, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().subtract(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為昨天的日期。

過去30天日期

```html

$('reportrange span').html(moment().subtract(30, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為過去30天的日期。

過去七天日期

```html

$('reportrange span').html(moment().subtract(6, 'days').startOf('days').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().endOf('days').format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為過去七天的日期。

默認(rèn)30天日期

```html

$('reportrange span').html(moment().subtract(29, 'days').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為默認(rèn)的過去30天的日期。

默認(rèn)這個月日期

```html

$('reportrange span').html(moment().startOf('month').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().endOf('month').format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為默認(rèn)的這個月的日期。

默認(rèn)上個月日期

```html

$('reportrange span').html(moment().subtract(1, 'month').startOf('month').format('YYYY-MM-DD HH:mm:ss') ' - ' moment().subtract(1, 'month').endOf('month').format('YYYY-MM-DD HH:mm:ss'));

```

使用以上代碼可以將日期選擇器設(shè)置為默認(rèn)的上個月的日期。

通過以上設(shè)置，您可以輕松地將datepicker的日期設(shè)置為不同的時間范圍，滿足用戶的需求。希望本文對您有所幫助！