Mdate.js使用

使用方法

new Mdate("dateShowBtn", {
    //"dateShowBtn"爲你點擊觸發Mdate的id,必填項
    acceptId: "dateSelectorTwo",
    //此項爲你要顯示選擇後的日期的input,不填寫默認爲上一行的"dateShowBtn"
    beginYear: "2002",
    //此項爲Mdate的初始年份,不填寫默認爲2000
    beginMonth: "10",
    //此項爲Mdate的初始月份,不填寫默認爲1
    beginDay: "24",
    //此項爲Mdate的初始日期,不填寫默認爲1
    endYear: "2017",
    //此項爲Mdate的結束年份,不填寫默認爲當年
    endMonth: "1",
    //此項爲Mdate的結束月份,不填寫默認爲當月
    endDay: "1",
    //此項爲Mdate的結束日期,不填寫默認爲當天
    format: "-"
    //此項爲Mdate需要顯示的格式,可填寫"/"或"-"或".",不填寫默認爲年月日
})

默認以當前日期開始

  • 方式:
    給觸發Mdate的input上添加data-year、data-month、data-day屬性
<input type="text" id="dateSelectorOne" placeholder="選擇日期">

var date = new Date();
var year = date.getFullYear();
// 默認選擇當前日期
$("#dateSelectorOne").attr({
	"data-year": year,
	"data-month": date.getMonth() + 1,
	"data-day": date.getDate()
})

Mdate.js的createDateYMD方法裏,

if (type == "month") {
	unitName = "月";
	dataStyle = "data-month";
	beginNum = that.beginMonth;
	endNum = 12;
	if (yearTag != that.beginYear) {
		beginNum = 1
	}
	// if (yearTag == dateopts.endYear) { // dateopts.endYear改爲that.endYear
	if (yearTag == that.endYear) {
		endNum = that.endMonth
	}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章