微信小程序 vant日历自定义文案

新手学堂013

微信小程序 vant日历自定义文案,第1张

<van-calendar

      poppable="{{ false }}"

      show-confirm="{{ false }}"

      formatter="{{ formatter }}"

      class="calendar"

      show-title="{{ false }}"

      show-subtitle="{{ false }}"

    >

    </van-calendar>

onLoad(options){

    thisCalendarShow();

}

CalendarShow() {

    let _this=this;

    var data = {};

    dataformatter = thisdayFormatter;

      // 渲染日历

    thissetData({formatter: function (day) {

        let month = daydategetMonth() + 1;

        let date = daydategetDate();

        for(let i of list){

          if(month ===imonth){

            if (date === iday) {

              daybottomInfo = '余票'+istock+'张';

            }

          }

        };

        return day;

      } })

  },

微信小程序设置时间段修改价格需要通过小程序后台进行操作。具体步骤如下:

1登录小程序后台,在商品管理中选择编辑商品。

2在商品编辑页面中,选择“规格”选项卡,然后点选“价格日历”选项。

3在价格日历中,你可以选择某一天,然后设置当天的价格。

4如果你需要设置一段时间的价格,可以在日历中选择一个起始日期和一个结束日期,然后设定相应的价格。

5如果你需要设置多个时间段的价格,可以通过点击“添加一个时间段”来实现。

6设置完成后,点击“保存”按钮,价格日历即可生效。

提示:价格日历可根据需求设置多次,方便变更价格,也可设置多种规格。

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

<uses-permission android:name="androidpermissionREAD_CALENDAR"/>

<uses-permission android:name="androidpermissionWRITE_CALENDAR"/>

Android中日历用了三个URL,分别是日历用户的URL,事件的URL,事件提醒URL,三个URL在Android21之前是如下的样子:

calanderURL = "content://calendar/calendars";

calanderEventURL = "content://calendar/events";

calanderRemiderURL= "content://calendar/reminders";

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

calanderURL = "content://comandroidcalendar/calendars";

calanderEventURL = "content://comandroidcalendar/events";

calanderRemiderURL = "content://comandroidcalendar/reminders";

简单的Demo,按照我的步骤一步一步的来:

第一步:新建一个Android工程命名为CalendarDemo

第二步:修改mainxml布局文件,增加了三个按钮,代码如下:

<xml version="10" encoding="utf-8">

<LinearLayout xmlns:android="http://schemasandroidcom/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>

第三步:修改主核心程序CalendarDemojava,代码如下:

package comtutorcalendardemo;

import javautilCalendar;

import androidappActivity;

import androidcontentContentValues;

import androiddatabaseCursor;

import androidnetUri;

import androidosBuild;

import androidosBundle;

import androidviewView;

import androidviewViewOnClickListener;

import androidwidgetButton;

import androidwidgetToast;

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 = "";

//为了兼容不同版本的日历,22以后url发生改变

static{

if(IntegerparseInt(BuildVERSIONSDK) >= 8){

calanderURL = "content://comandroidcalendar/calendars";

calanderEventURL = "content://comandroidcalendar/events";

calanderRemiderURL = "content://comandroidcalendar/reminders";

}else{

calanderURL = "content://calendar/calendars";

calanderEventURL = "content://calendar/events";

calanderRemiderURL = "content://calendar/reminders";

}

}

@Override

public void onCreate(Bundle savedInstanceState) {

superonCreate(savedInstanceState);

setContentView(Rlayoutmain);

setupViews();

}

private void setupViews(){

mReadUserButton = (Button)findViewById(RidreadUserButton);

mReadEventButton = (Button)findViewById(RidreadEventButton);

mWriteEventButton = (Button)findViewById(RidwriteEventButton);

mReadUserButtonsetOnClickListener(this);

mReadEventButtonsetOnClickListener(this);

mWriteEventButtonsetOnClickListener(this);

}

@Override

public void onClick(View v) {

if(v == mReadUserButton){

Cursor userCursor = getContentResolver()query(Uriparse(calanderURL), null,

null, null, null);

if(userCursorgetCount() > 0){

userCursormoveToFirst();

String userName = userCursorgetString(userCursorgetColumnIndex("name"));

ToastmakeText(CalendarDemothis, userName, ToastLENGTH_LONG)show();

}

}else if(v == mReadEventButton){

Cursor eventCursor = getContentResolver()query(Uriparse(calanderEventURL), null,

null, null, null);

if(eventCursorgetCount() > 0){

eventCursormoveToLast();

String eventTitle = eventCursorgetString(eventCursorgetColumnIndex("title"));

ToastmakeText(CalendarDemothis, eventTitle, ToastLENGTH_LONG)show();

}

}else if(v == mWriteEventButton){

//获取要出入的gmail账户的id

String calId = "";

Cursor userCursor = getContentResolver()query(Uriparse(calanderURL), null,

null, null, null);

if(userCursorgetCount() > 0){

userCursormoveToFirst();

calId = userCursorgetString(userCursorgetColumnIndex("_id"));

}

ContentValues event = new ContentValues();

eventput("title", "与苍井空小-姐动作交流");

eventput("description", "Frankie受空姐邀请,今天晚上10点以后将在Sheraton动作交流lol~");

//插入hoohbood@gmailcom这个账户

eventput("calendar_id",calId);

Calendar mCalendar = CalendargetInstance();

mCalendarset(CalendarHOUR_OF_DAY,10);

long start = mCalendargetTime()getTime();

mCalendarset(CalendarHOUR_OF_DAY,11);

long end = mCalendargetTime()getTime();

eventput("dtstart", start);

eventput("dtend", end);

eventput("hasAlarm",1);

Uri newEvent = getContentResolver()insert(Uriparse(calanderEventURL), event);

long id = LongparseLong( newEventgetLastPathSegment() );

ContentValues values = new ContentValues();

valuesput( "event_id", id );

//提前10分钟有提醒

valuesput( "minutes", 10 );

getContentResolver()insert(Uriparse(calanderRemiderURL), values);

ToastmakeText(CalendarDemothis, "插入事件成功!!!", ToastLENGTH_LONG)show();

}

}

}

第四步:在AndroidManifestxml中申请权限,代码如下:

<xml version="10" encoding="utf-8">

<manifest xmlns:android="http://schemasandroidcom/apk/res/android"

package="comtutorcalendardemo"

android:versionCode="1"

android:versionName="10">

<application android:icon="@drawable/icon" android:label="@string/app_name">

<activity android:name="CalendarDemo"

android:label="@string/app_name">

<intent-filter>

<action android:name="androidintentactionMAIN" />

<category android:name="androidintentcategoryLAUNCHER" />

</intent-filter>

</activity>

</application>

<uses-sdk android:minSdkVersion="7" />

<uses-permission android:name="androidpermissionREAD_CALENDAR"/>

<uses-permission android:name="androidpermissionWRITE_CALENDAR"/>

</manifest>

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

微信小程序日历有现成的,可以直接搜索使用。

手机:vivo x27

安卓:856

微信:7022

1、首先在打开的微信中,点击上方搜索标志,输入“日历小程序”。

2、然后点击搜一搜。

3、接着在打开的页面中,点击万年历日历。

4、进入万年历日历界面,可以查看日期,这样就完成了。

前两天看 文档 看到选择器那块儿的时候,前面4个基本都能理解: class , #id , element , element, element ,但后面两个 ::after 和 ::before (文档中说,分别表示在view 组件的后面和前面插入内容),表示有点没有理解。于是上网仔细查了下。以下是笔记

wxml

wxss

js

效果

其实,after和before可以添加的不仅仅是像上面这种字符串,以下是可以添加的常用的内容

具体的请参考这篇文章