ionic3 日期選擇的三種方式

2021-09-07 19:27:36 字數 544 閱讀 7552

第一種 使用html5標籤date input型別

日期:各種日期格式可以參照

第二種 使用ionic控制項ion-datetime

date

各種日期格式可以參照

第三種 使用ionic cordova 外掛程式date-picker

官網安裝外掛程式

實現:html編碼

日期選擇日期:}

*此處規定了日期的顯示格式。

也可以在ts中,像普通的jq date()函式一樣處理。

ts編碼

匯入import from '@ionic-native/date-picker';

通過外掛程式獲取日期

datepickeroptions的設定,可根據個人喜好,實際情況自己選擇,具體參照官網。

getdate()

this.datepicker.show(options).then(

date => ,

err => console.log('error occurred while getting date: ', err));}

ionic3 表單輸入元素input的三種事件

1.onblur事件 onblur事件即為失去焦點時觸發的事件,而所謂的焦點就是一閃一閃的游標。而ionic中onblur則為ionblur,具體用法如下 html ts onblur 2.onfocus事件 onfocus事件即為獲取焦點時觸發的事件,而ionic中onblur則為ionfoucs...

ionic 實現滑動的三種方式

1 前言 在移動端受螢幕大小所限,展示內容很多的時候,就要使部分區域進行滑動。本文展示專案中所有到的幾種方式,大家可以看自己的需求選擇合適的滑動方式。實現滑動的基本原理,有兩個容器a b,假如a在外層,b在內層 外層的a寬度或高度固定,內層容器b寬度或者高度大於a即可實現滾動。2 實現方式 1.io...

執行 python3 的三種方式

1 通過命令列視窗進入python unix linux pythonwindows dos python 2 在互動式直譯器中編寫python a 1 b 2 print a b 3 c 3 print a c 4 3 互動式直譯器退出 python exit 注意 如果進入了help 需要先按c...