当前位置：首页 » APP程序 » 微信小程序time

微信小程序time

发布时间: 2021-03-19 00:54:41

A. 微信小程序里，怎么设置两个日期的差，并以天数显示出来

在小程序的wxml文件中添加如下代码：

<text>已经
{{d}}天{{h}}时{{m}}分{{s}}秒</text>

在小程序的js文件中添加如下代码：

Page({
onLoad:function(){
varthat=this
setInterval(function(){
vart1=newDate("2018/05/2308:20:00")
vart2=newDate()
vart=newDate(t2-t1+16*3600*1000)
that.setData({
d:parseInt(t.getTime()/1000/3600/24),
h:t.getHours(),
m:t.getMinutes(),
s:t.getSeconds()
})
},1000)
}
})

B. 微信小程序怎么实现日历的年视图功能

因为日历是系统自带的，所以读写它一定要申请权限,也就是在AndroidManifest.xml加如下两行代码(一个读一个写):

<uses-permission android:name="android.permission.READ_CALENDAR"/>
<uses-permission android:name="android.permission.WRITE_CALENDAR"/>

Android中日历用了三个URL,分别是日历用户的URL,事件的URL，事件提醒URL,三个URL在Android2.1之前是如下的样子：

calanderURL = "content://calendar/calendars";
calanderEventURL = "content://calendar/events";
calanderRemiderURL= "content://calendar/reminders";

但是在Android2.2版本以后,三个URL有了改变，变成如下的样子:

calanderURL = "content://com.android.calendar/calendars";
calanderEventURL = "content://com.android.calendar/events";
calanderRemiderURL = "content://com.android.calendar/reminders";

简单的Demo,按照我的步骤一步一步的来:
第一步:新建一个Android工程命名为CalendarDemo.
第二步:修改main.xml布局文件,增加了三个按钮,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<Button
android:id="@+id/readUserButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Get a User"
/>
<Button
android:id="@+id/readEventButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Get a Event"
/>
<Button
android:id="@+id/writeEventButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Input a Event"
/>
</LinearLayout>

第三步:修改主核心程序CalendarDemo.java，代码如下:
package com.tutor.calendardemo;

import java.util.Calendar;

import android.app.Activity;
import android.content.ContentValues;
import android.database.Cursor;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

public class CalendarDemo extends Activity implements OnClickListener {
private Button mReadUserButton;
private Button mReadEventButton;
private Button mWriteEventButton;

private static String calanderURL = "";
private static String calanderEventURL = "";
private static String calanderRemiderURL = "";
//为了兼容不同版本的日历,2.2以后url发生改变
static{
if(Integer.parseInt(Build.VERSION.SDK) >= 8){
calanderURL = "content://com.android.calendar/calendars";
calanderEventURL = "content://com.android.calendar/events";
calanderRemiderURL = "content://com.android.calendar/reminders";

}else{
calanderURL = "content://calendar/calendars";
calanderEventURL = "content://calendar/events";
calanderRemiderURL = "content://calendar/reminders";
}
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

setupViews();
}

private void setupViews(){
mReadUserButton = (Button)findViewById(R.id.readUserButton);
mReadEventButton = (Button)findViewById(R.id.readEventButton);
mWriteEventButton = (Button)findViewById(R.id.writeEventButton);
mReadUserButton.setOnClickListener(this);
mReadEventButton.setOnClickListener(this);
mWriteEventButton.setOnClickListener(this);
}

@Override
public void onClick(View v) {
if(v == mReadUserButton){

Cursor userCursor = getContentResolver().query(Uri.parse(calanderURL), null,
null, null, null);
if(userCursor.getCount() > 0){
userCursor.moveToFirst();
String userName = userCursor.getString(userCursor.getColumnIndex("name"));
Toast.makeText(CalendarDemo.this, userName, Toast.LENGTH_LONG).show();
}
}else if(v == mReadEventButton){
Cursor eventCursor = getContentResolver().query(Uri.parse(calanderEventURL), null,
null, null, null);
if(eventCursor.getCount() > 0){
eventCursor.moveToLast();
String eventTitle = eventCursor.getString(eventCursor.getColumnIndex("title"));
Toast.makeText(CalendarDemo.this, eventTitle, Toast.LENGTH_LONG).show();
}
}else if(v == mWriteEventButton){
//获取要出入的gmail账户的id
String calId = "";
Cursor userCursor = getContentResolver().query(Uri.parse(calanderURL), null,
null, null, null);
if(userCursor.getCount() > 0){
userCursor.moveToFirst();
calId = userCursor.getString(userCursor.getColumnIndex("_id"));

}
ContentValues event = new ContentValues();
event.put("title", "与苍井空小-姐动作交流");
event.put("description", "Frankie受空姐邀请,今天晚上10点以后将在Sheraton动作交流.lol~");
//插入[email protected]这个账户
event.put("calendar_id",calId);

Calendar mCalendar = Calendar.getInstance();
mCalendar.set(Calendar.HOUR_OF_DAY,10);
long start = mCalendar.getTime().getTime();
mCalendar.set(Calendar.HOUR_OF_DAY,11);
long end = mCalendar.getTime().getTime();

event.put("dtstart", start);
event.put("dtend", end);
event.put("hasAlarm",1);

Uri newEvent = getContentResolver().insert(Uri.parse(calanderEventURL), event);
long id = Long.parseLong( newEvent.getLastPathSegment() );
ContentValues values = new ContentValues();
values.put( "event_id", id );
//提前10分钟有提醒
values.put( "minutes", 10 );
getContentResolver().insert(Uri.parse(calanderRemiderURL), values);
Toast.makeText(CalendarDemo.this, "插入事件成功!!!", Toast.LENGTH_LONG).show();
}
}
}

第四步:在AndroidManifest.xml中申请权限,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.tutor.calendardemo"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".CalendarDemo"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
<uses-sdk android:minSdkVersion="7" />
<uses-permission android:name="android.permission.READ_CALENDAR"/>
<uses-permission android:name="android.permission.WRITE_CALENDAR"/>
</manifest>

第五步:运行上述Android工程,查看效果：

C. 微信小程序picker的mode有date和time，有同时支持date和time的吗

安卓里面来的时间控件与日期自控件都是分开的，如果要同时使用的话用户体验度那肯定不好，整合了安卓中的时间与日期控件，可以同时显示出来方便用户进行选择，使用时只需要将文件导入项目中，再需要用到的地方使用如下代码

D. 微信小程序，延时执行js函数的问题

fight:function(e){
that=this;
that.setData({
buttondisabled:true,
loading:true
});//<--这里是分号不是逗号
setTimeout(function(){
that.setData({
buttondisplay:'none',
playerdisplay:'block'
})//这里的错误不太好描述，自己看了
},9000);
}

E. 微信小程序可以正常使用settimeout吗

可以的，具体代码如下：
setTimeout(function(){
//你需要执行的代码
},2000)

F. 微信小程序怎么实现内容的展开和收起

看到一个需求，对一些前端小白或者刚开始写小程序的人来说，可能会有点帮助，效果如下：

就是以上效果，废话不多说，上代码
wxml:

<view class='list_box' wx:for='{{list}}' wx:key='this' wx:for-item='parentItem' wx:for-index='parentIndex' >
<view class='list'>
<view class='list_name_box' catchtap='listTap' data-parentindex='{{parentIndex}}'>
<text class='list_item_name'>{{parentItem.listName}}</text>
<image src='/img/down.png' class='icon_down {{parentItem.show&&"icon_down_rotate"}}'></image>
</view>
<view class='list_item_box' wx:if='{{parentItem.show}}'>
<view class='list_item' wx:for='{{parentItem.item}}' wx:key='this' catchtap='listItemTap' data-index='{{index}}' data-parentindex='{{parentIndex}}'>
<view class='list_item_name_box'>
<text class='list_item_name'>{{item.itemName}}</text>
<image src='/img/down.png' class='icon_down {{item.show&&"icon_down_rotate"}}'></image>
</view>
<view class='other_box' wx:if='{{item.show}}'>
<view class='other'>
<text class='other_title'>内容：</text>
<text class='other_text'>{{item.content}}</text>
</view>
<view class='other'>
<text class='other_title'>时间：</text>
<text class='other_text'>{{item.time}}</text>
</view>
</view>
</view>
</view>
</view></view>

然后wxss:

page{
background: #f3f7f7;}.list_name_box{
background: #fff;
border-bottom: 1px solid #efefef;
display: flex;
height: 90rpx;
align-items: center;
padding: 0 25rpx;
font-size: 32rpx;}.list_item_name{
flex: 1;}.icon_down{
width: 35rpx;
height:35rpx;
transition:transform 0.3s;}/* .list_item_box{
height: 0;
transition:height 0.3s;
overflow: hidden;
}
.list_item_box_show{
height: 500rpx;
} */.list_item_name_box{
background: #fff;
font-size: 30rpx;
height: 80rpx;
display: flex;
align-items: center;
padding: 0 25rpx 0 50rpx;}.other{
display: flex;
height: 80rpx;
padding: 0 25rpx 0 50rpx;
align-items: center;
font-size: 30rpx;
color: #666;}.icon_down_rotate{
transform:rotate(180deg);}

JS:

// pages/dome/dome.jsPage({

/**
* 页面的初始数据
*/
data: {
list:[
{listName:'列表1',
item:[{
itemName:'子列表1-1',
content:'1-1中的内容',
time: '2015-05-06'
}, {
itemName: '子列表1-2',
content: '1-2中的内容',
time: '2015-04-13'
}, {
itemName: '子列表1-3',
content: '1-3中的内容',
time: '2015-12-06'
}]
},
{
listName: '列表2',
item: [{
itemName: '子列表2-1',
content: '2-1中的内容',
time: '2017-05-06'
}, {
itemName: '子列表2-2',
content: '2-2中的内容',
time: '2015-08-06'
}, {
itemName: '子列表2-3',
content: '2-3中的内容',
time: '2015-11-06'
}]
}, {
listName: '列表3',
item: [{
itemName: '子列表3-1',
content: '3-1中的内容',
time: '2015-05-15'
}, {
itemName: '子列表3-2',
content: '3-2中的内容',
time: '2015-05-24'
}, {
itemName: '子列表1-3',
content: '3-3中的内容',
time: '2015-05-30'
}]
}
]
},
//点击最外层列表展开收起
listTap(e){
console.log('触发了最外层');
let Index = e.currentTarget.dataset.parentindex,//获取点击的下标值
list=this.data.list;
list[Index].show = !list[Index].show || false;//变换其打开、关闭的状态
if (list[Index].show){//如果点击后是展开状态，则让其他已经展开的列表变为收起状态
this.packUp(list,Index);
}

this.setData({
list });
},
//点击里面的子列表展开收起
listItemTap(e){
let parentindex = e.currentTarget.dataset.parentindex,//点击的内层所在的最外层列表下标
Index=e.currentTarget.dataset.index,//点击的内层下标
list=this.data.list;
console.log(list[parentindex].item,Index);
list[parentindex].item[Index].show = !list[parentindex].item[Index].show||false;//变换其打开、关闭的状态
if (list[parentindex].item[Index].show){//如果是操作的打开状态，那么就让同级的其他列表变为关闭状态，保持始终只有一个打开
for (let i = 0, len = list[parentindex].item.length;i<len;i++ ){
if(i!=Index){
list[parentindex].item[i].show=false;
}

}
}
this.setData({list});
},
//让所有的展开项，都变为收起
packUp(data,index){
for (let i = 0, len = data.length; i < len; i++) {//其他最外层列表变为关闭状态
if(index!=i){
data[i].show = false;
for (let j=0;j<data[i].item.length;j++){//其他所有内层也为关闭状态
data[i].item[j].show=false;
}
}
}
},
onLoad: function (options) {

},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {

},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {

},

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {

},

/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {

}})

作者：
链接：https://www.imooc.com/article/30662
来源：慕课网
本文原创发布于慕课网，转载请注明出处，谢谢合作

G. 微信小程序组件之picker 怎么获取time的整点

安卓里面抄的时间控件与日期控件都是分开的，如果要同时使用的话用户体验度那肯定不好，整合了安卓中的时间与日期控件，可以同时显示出来方便用户进行选择，使用时只需要将文件导入项目中，再需要用到的地方使用如下代码

H. 微信小程序这种json数据要怎么在前端循环输出{"0":{"day":"7","time_data":"数据"}}

讲解下循环输出元素

这里写图片描述

这里写图片描述

后台存储的数据给事

{
var local_database = [
{
date: "Sep 18 2016",
post_title:"冬日校花",
post_image: "/images/1.jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6.jpg",
author:"高晴",
dateTime:"24小时",
detail:"我爱你，爱的如此深沉",
postId:0,
music:{
url: '?down/46993.mp3',
title: "雪の华-南条爱乃",
coverImg: "/music/photo_new/.jpg?max_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/2.jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6.jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 1,
music: {
url: '/yq/5092537.mp3',
title: "爱你-陈芳语",
coverImg: "/music/photo_new/.jpg?max_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/3.jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6.jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 2,
music: {
url: '/yq/204586755.mp3',
title: "云烟成雨-房东的猫",
coverImg: "music/photo_new/.jpg?max_age=2592000"
},
},
{
date: "Sep 18 2016",
post_title: "冬日校花",
post_image: "/images/4.jpg",
text: "美呀，美呀",
view_num: 112,
collect_num: 96,
turn_num: 515,
author_img: "/images/6.jpg",
author: "高晴",
dateTime: "24小时",
detail: "我爱你，爱的如此深沉",
postId: 3,
music: {
url: '/yq/213919334.mp3',
title: "Your Song-Lady Gaga",
coverImg: "https://www.ztsje.com/#music/photo_new/.jpg?max_age=2592000"
},
},
]

mole.exports={
postList:local_database,
}
}

前台使用for循环输出
这里写图片描述
这里写图片描述：

然后我们自己尝试构建一个for循环输出的小程序

app.js以及app.json app.wxss页面的构造就不放出来了，不会的童鞋可以看博主的第一个小程序文章

初步构造完成如下：

这里写图片描述
下面是for.js的构造：

// pages/for/for.js
Page({

/**
* 页面的初始数据
*/
data: {
data:[
{
name:"张三"
},
{
name:"李四"
},{
name:"王五"
}

],
},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {

},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

},

})

for.wxml

<block wx:for="{{data}}" data-item="item" wx:for-index="idx" >
<view>
第{{idx}}次输出,姓名：{{item.name}}
</view>
</block>

讲解：

这里的for.js中,data是默认存在的函数，负责保存数据，前台的wxml文件只能调用data中的存在的数据
具体的调用方法为双大括号加上数据名

for.wxml中
需要循环输出，需要将for元素放入block中，并填入需要循环输出的数据：这里是data(注：这里的data是js中data中data，大家注意区分下，博主忘了区分)

然后data-item 是给data中的子元素添加一个调用的key名，类似于php的foreach，index则是调用的当前元素在数组中的数字下标，大家可以看到输出结果是从零开始的

I. PHP后台做的微信小程序，请求经常会提示ERR_CONNECTION_TIMED_OUT

意思是连复接超时。原因可能有二制：1、网页可能暂时无法连接，或者它已永久性地移动到了新网址2、不是你的网络慢，就是FTP服务器那边出了问题。
这个一般没什么解决方法的。换个FTP登录工具试试？如FlashFXP。
如果是你网速的问题，就去网速好一点的地方登录FTP服务器吧。比如网吧
如果是FTP服务器的问题，就要叫服务器那边的工作人员去检查一下了。

J. 微信小程序定时器倒计时导致页面其他时间变化

微信小程序如何添加：
第一步、更新微信版本是6.5.3，如何查看自己的版本号(点击：我—内—设置——关于微信容)

第二步、方法1：打开别人发给你或者扫描一个小程序二维码。
方法2：可以在微信端首页的搜索窗口，你可以通过搜索“小程序示例”，获取一个小程序。点击进去，等小程序加载完后，微信端就会自动出现小程序的按钮。

第三步、再打开微信，点击底部的「发现」按钮，你会发现，页面中多了一栏图标为 S 型的「小程序了，点击即可进入小程序页面。

阅读全文

微信小程序time

与微信小程序time相关的阅读推荐