uniapp获取年月日
时间: 2023-08-18 11:09:38 浏览: 191
在Uniapp中获取年月日的方法可以通过使用picker组件来实现。你可以在代码中添加以下代码来获取年月日:
```html
<picker mode="date" :value="date" fields="month" :start="startDate" :end="endDate" @change="bindDateChange">
<view>{{ date }}</view>
</picker>
```
在data中定义date、startDate和endDate的初始值,可以使用一个函数来获取当前的年月日,并设置startDate和endDate的值为当前年份加减10年。在methods中定义bindDateChange方法来获取选择的年月日,并将其赋值给date。
```javascript
data() {
return {
date: getDate({ format: true }),
startDate: getDate('start'),
endDate: getDate('end'),
};
},
methods: {
bindDateChange(e) {
this.date = e.detail.value.substr(0, 7);
},
},
```
这样,当用户选择年月日时,date的值会更新为选择的年月日。你可以在需要的地方使用date来获取年月日的值。
另外,如果你需要在另一个页面获取当前的年月日,你可以在该页面引入一个获取日期时间的函数,并在onLoad方法中调用该函数来获取当前的年月日。
```javascript
import getDateTime from '@/common/getdateTime.js';
export default {
data() {
return {
nowTime: '',
};
},
onLoad(option) {
var timeStr = getDateTime.dateTimeStr('y-m-d h:i:s');
this.nowTime = timeStr;
},
methods: {
// 其他方法
},
};
```
这样,nowTime的值就会被设置为当前的年月日。你可以在需要的地方使用nowTime来获取当前的年月日的值。
#### 引用[.reference_title]
- *1* [uniapp选择年月日demo效果(整理)](https://blog.csdn.net/qq_38881495/article/details/128591716)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp获取当前日期和时间](https://blog.csdn.net/weixin_61432554/article/details/129177742)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文