uni-app 小程序 uni-data-picker 设置为 disabled

uni-app 小程序 uni-data-picker 设置为 disabled,第1张

程序端需要一个查看的 *** 作,不能编辑分类,需要 disabled 掉 uni-data-picker 。

官方文档 说 readonly 可以禁用,于是尝试:

设置 5 秒延时试试?网速慢的时候也解决不了问题……

换个思路,阻止 input d出层不就ok 了于是根据 disabled 属性加了个 disabled class ,

注: disabled 属性是在 onLoad 时根据是否为编辑状态动态变化的,默认为 false (可编辑)。

ooooooh,解决!

获取当前时间

首先,在要获取时间的js文件中加载utiljs文件

然后在onload方法中,调用utiljs中的formatTime方法获取当前时间

//获取当前时间

//

调用函数时,传入new

Date()参数,返回值是日期和时间

var

TIME

=

utilformatTime(new

Date());

thissetData({

time:

TIME,

});

这样就获取到了当前时间,但是我们发现在utiljs中并没有获取当前日期的方法。

没事,别慌!

这个时候我们去看下utiljs中获取当前时间的方法formatTime(),里面的方法写的特别容易理解,我们可以模仿这个方法写一个formatDate()方法。

看到那个小箭头了吗,你可以随便设置,我这样子设置后就是

2018-7-16

这样的效果。

到了这里,还差最后一步,如图

在moduleexports中一定要加上你写的方法,否则程序会报错说找不定formatDate这个方法。

加好了之后,就能成功在onload中调用这个方法获取日期了。

//获取当前日期

var

DATE

=

utilformatDate(new

Date());

thissetData({

date:

DATE,

});

以上所述是小编给大家介绍的微信小程序获取当前时间及日期的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:微信小程序中时间戳和日期的相互转换问题微信小程序日期时间选择器使用方法微信小程序使用picker实现时间和日期选择框功能附源码下载微信小程序

滚动选择器(时间日期)详解及实例代码微信小程序之picker日期和时间选择器微信小程序

选择器(时间,日期,地区)实例详解

最近怎么老写View,可能写view比较方便,写其它东西还要抽时间整理总结,写View就直接封完写出来就行。

准备国庆放假,无心工作,那就写篇简单实用一点的文章,总不能白白浪费了时间。

有时候ios端会用到条件选择器,好像是那边自带的,而android这边是没有的,但是为了两端统一,没办法,只能我们去迁就他们了(你让一个有自带的去写自定义是基本不可能的事)。

最经典的是我们有选择地址的需求,比如美团这里的:

这个android是原生是没有的,只有能选择日期的。那怎么办?自定义,好像略难,那就用三方的吧。

>

以上就是关于uni-app 小程序 uni-data-picker 设置为 disabled全部的内容,包括:uni-app 小程序 uni-data-picker 设置为 disabled、详解微信小程序获取当前时间及日期的方法、Android仿ios条件选择器pickerview等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10168393.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-06
下一篇2023-05-06

发表评论

登录后才能评论

评论列表(0条)

    保存