设置 datetimepicker 只选择日期 不选择时分秒


     使用   datetimepicker 控件在进行开发时, 空间默认是选择到时分秒的. 

     如下图 : 

     


      在开发的时候.  有很多时候是不需要时分秒的.

       在空间加载的时候设置属性即可.

      

$("#pickupTime").datetimepicker({
  minView: "month",//设置只显示到月份
  format : "yyyy-mm-dd",//日期格式
  autoclose:true,//选中关闭
  todayBtn: true//今日按钮
});


  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uni-datetime-picker 是基于uni-app框架开发的一个日期时间选择器组件。它可以用于在移动端和小程序中选择日期和时间。 使用 uni-datetime-picker 需要以下步骤: 1. 在需要使用的页面或组件中引入 uni-datetime-picker 组件。 ```html <template> <view> <uni-datetime-picker></uni-datetime-picker> </view> </template> ``` 2. 配置 uni-datetime-picker 的属性。 ```html <template> <view> <uni-datetime-picker :start="startDate" :end="endDate" :default-date="defaultDate" :default-time="defaultTime" mode="datetime" @confirm="onConfirm" ></uni-datetime-picker> </view> </template> <script> export default { data() { return { startDate: '2022-01-01 00:00:00', endDate: '2022-12-31 23:59:59', defaultDate: '2022-06-01', defaultTime: '12:00', }; }, methods: { onConfirm(e) { console.log('选择日期时间:', e.detail.value); }, }, }; </script> ``` 在上面的代码中,我们通过配置 `start` 和 `end` 属性指定了可选的日期时间范围,通过 `defaultDate` 和 `defaultTime` 属性指定了默认选中的日期和时间,通过 `mode` 属性指定了选择器的模式(这里是 `datetime` 模式),通过 `confirm` 事件来监听用户确认选择日期时间。 3. 根据需要对 uni-datetime-picker 进行样式调整。 你可以自定义 uni-datetime-picker 的样式,例如修改背景颜色、文字颜色等。通过修改组件的 `class` 和 `style` 属性来实现。例如: ```html <uni-datetime-picker class="my-datetime-picker" style="background-color: #f2f2f2;"></uni-datetime-picker> ``` 在上面的代码中,我们通过给 uni-datetime-picker 组件添加了 `my-datetime-picker` 类,并设置了背景颜色为灰色。 以上就是使用 uni-datetime-picker 的基本步骤和示例代码。你可以根据自己的实际需求进行配置和样式调整。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值