WeChatアプレットカレンダーサインインコンポーネント(オリジナル)

WeChatアプレットカレンダーサインインコンポーネント(オリジナル)

開発の理由:

カスタマイズのニーズを満たすために、市場には車やホイールがないので、自分で使って、困っている人と共有しました。

その他の指示:

アセンブリjsの日付はyyyy/MM/dd、フォーマット接続の解决ios不兼容問題yyyy-MM-ddを使用しています。使いやすい入力および出力フォーマットが問題になる评论区评论か、联系我改善を提案する可能性があるためです。

dk-カレンダーアプレットの日付時計コンポーネント

このコンポーネントは、WeChatアプレットに基づくオンラインプロジェクトであり、フラグメントからオープンソース化されています(市場に出回っているアプレットは切り離せないものであり、他のアプレットはラベルwxを自分で変更できます)

インストール:

git clone https://gitee.com/xiaokar/dk-calendar.git

使用する:

1.dk-calendarフォルダーをcomponentsフォルダーに配置します

2.ページjsonファイルはコンポーネントを紹介します

{
  "usingComponents": {
    "dk-calendar":"../../components/dk-calendar/dk-calendar"
  }
}

3.xxmlページファイルの使用法:

<!-- 微打卡组件 -->
    <dk-calendar originActiveData="{
   
   {user_date_log}}" bind:selectDate="onSelectDate" size="m"></dk-calendar>

または

<!-- 默认打卡组件 -->
    <dk-calendar originActiveData="{
   
   {user_date_log}}" bind:selectDate="onSelectDate"></dk-calendar>

関連するパラメータメソッド

名前 説明 パラメータまたはメソッド の種類
originActiveData クロックインの日付パラメータ パラメータ アレイ 例:[2021-11-02,2021-11-03]
selectDate クリック日付方式 方法 出力:yyyy-MM-dd

最終効果(スクリーンショット):

オンラインWeChatミニプログラムデモリファレンス:

おすすめ

転載: blog.csdn.net/qq_41599450/article/details/115354465