微信小程序获取年月日（微信小程序日期选择器）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
本篇文章给大家谈谈微信小程序获取年月日，以及微信小程序日期选择器对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
- 1、详解微信小程序获取当前时间及日期的方法
- 2、微信小程序－vant-weapp日历组件的使用（年月日）
- 3、微信小程序是什么时候出现的？
- 4、微信小程序日期插件封装-年月日时，只可选当前时间之后时间
- 5、微信小程序怎么实现日历的年视图功能？
详解微信小程序获取当前时间及日期的方法
获取当前时间
首先，在要获取时间的.js文件中加载util.js文件
然后在onload方法中，调用util.js中的formatTime方法获取当前时间
//获取当前时间
//
调用函数时，传入new
Date()参数，返回值是日期和时间
var
TIME
=
util.formatTime(new
Date());
this.setData({
time:
TIME,
});
这样就获取到了当前时间，但是我们发现在util.js中并没有获取当前日期的方法。
没事，别慌！
这个时候我们去看下util.js中获取当前时间的方法formatTime()，里面的方法写的特别容易理解，我们可以模仿这个方法写一个formatDate()方法。
看到那个小箭头了吗，你可以随便设置，我这样子设置后就是
2018-7-16
这样的效果。
到了这里，还差最后一步，如图
在module.exports中一定要加上你写的方法，否则程序会报错说找不定formatDate这个方法。
加好了之后，就能成功在onload中调用这个方法获取日期了。
//获取当前日期
var
DATE
=
util.formatDate(new
Date());
this.setData({
date:
DATE,
});
以上所述是小编给大家介绍的微信小程序获取当前时间及日期的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:微信小程序中时间戳和日期的相互转换问题微信小程序日期时间选择器使用方法微信小程序使用picker实现时间和日期选择框功能【附源码下载】微信小程序
滚动选择器(时间日期)详解及实例代码微信小程序之picker日期和时间选择器微信小程序
选择器（时间，日期，地区）实例详解
微信小程序－vant-weapp日历组件的使用（年月日）
话不多说，记录一下这个框架的使用~小程序使用轻量、可靠的小程序 UI 组件库 vant-weapp
Github源码：
中文文档：
1：打开微信开发者工具，填写自己的appid和项目名称，选择不使用云服务，新建一个项目。
2：右击在选择在终端打开
进入项目的根目录底下，注意，一定要进入根目录哦，使用cd ../返回上一级目录~
3：小程序已经支持使用 npm 安装第三方包，
这里通过 npm 安装
这里需要注意一下
npm i vant-weapp -S --production或者npm i @vant/weapp -S --production
引入的区别
使用npm i vant-weapp安装的时候，到时候在在app.json或index.json中引入组件，需要使用这样的路径
使用npm i @vant/weapp安装的时候，到时候在在app.json或index.json中引入组件，需要使用这样的路径（推荐，因为这个可以直接抄文档，不需要改变引入路径的~）
4：在微信开发工具执行npm 构建，点击工具里面，构建npm
构建过程需要等待一会儿，不要捉急
构建完会生成一个miniprogram_npm文件夹
如果构建完如果编译报错，再构建一次就好了
日历文档参照一下
5：使用vant-weapp日历组件
我这里对日期的处理，是需要这样的格式YYYY-MM-dd
所以在对选中的日期做了一些处理和判断~
wxml
js
json
微信小程序是什么时候出现的？
首次发声，2016年1月11日：微信总裁张小龙透露微信内部在研究一个跟公众服务号类似的新的形态——应用号，自打这天开始微信小程序的初层形态算是已经确定了。
内侧邀请，2016年9月21日，微信公众平台陆续向外发送内侧名额，名额约两百名左右，内侧暂时不能发布。
开放公测，2016年11月3日，微信团队对外宣布，微信小程序开放公测，开发者可登陆微信公众平台申请，开发完成后可以提交审核，公测期间暂不能发布，而且个人暂时不能开通小程序。
正式上线，2017年1月9日，用户只要将微信更新到最新版本（V6.5.3），即可通过扫描二维码，或搜索等方式体验微信小程序。体验微信小程序后，即可在微信「发现」菜单末尾出现诸如朋友圈各种装X晒图的「小程序」标识。
小程序有什么用？
微信小程序正式上线至今，历经了各种发展，现在的微信小程序人人皆知，很多商家、商户，都不知道小程序有什么用处，但是推广的业务员确是不计其数，目前的微信小程序的市场算是鱼龙混杂。
店长宝小程序的作用：
1、微信的自然流量：微信小程序上线以来，就是依靠微信活跃的用户量，以及小程序为商家开通的附近搜索，只要你离的进，排名就靠前。
2、触手可及、用完即走：微信发布小程序的广告词，用完就可以关闭，内存占据小，性能堪比APP，未来有可能代替APP。
3、关键词搜索：微信打开搜索小程序的界面，搜索关键词，既可搜索关键词相近的小程序，提高展现率。而且，微信搜索页面还有小程序的快捷入口，为常用的小程序带来更多的曝光和开启机会
4、微信小程序二维码：再小的店也有自己的品牌!一张小程序码就可以让消费者看到你店里的详细经营情况和店铺优惠活动，对于用来说非常方便!微信小程序码和微信二维码不一样，在场景中推广打开率更高。
5、推广成本降低：微信小程序本来就能带来一股新鲜感，而且也不需要花特别大的价钱推广。
6、流畅度更高：占据内存小，运行速度可以媲美APP。而且微信小程序在生态和性能方便，完全可以秒杀H5页面。
微信小程序日期插件封装-年月日时，只可选当前时间之后时间
本插件在他人基础上修改
date-picker.js:
date-picker.json
date-picker.wxml
date-picker.wxss
使用方法：
commodity.json
commodity.wxml
commodity.js
微信小程序怎么实现日历的年视图功能？
因为日历是系统自带的，所以读写它一定要申请权限,也就是在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=""
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~");
//插入hoohbood@gmail.com这个账户
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=""
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工程,查看效果：
关于微信小程序获取年月日和微信小程序日期选择器的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
