smartface.io - 带有 smartface 图标插入的日期选择器

Question

如何为 smartface 上定义的日期选择器分配带有图片的按钮？当在 datepcer 结构上分配图标时，它会添加“选择日期..”文本而不是图像作为按钮。

Answer 1

您可以创建一个 imageButton 来调用带有图像的 showDatePicker 方法。

例如;

function showDate(){
SMF.UI.showDatePicker({
        currentDate : (new Date()).toString(), // date is given with JS date object
        mask : "dd-MM-yyyy",
        minDate : new Date("13 October, 2013"),
        maxDate : new Date("13 October, 2020"),
        showWorkingDate : true,
        onSelect : function (e) {
            var sDate = new Date(e.date);
            alert("Selected date: " + sDate.toString());
        },
        onCancel : function (e) {
            alert("Picker cancelled!");
        }
    });
}



var imageButton1 = new SMF.UI.ImageButton({
    width : "9.38%",
    height : "10.38%",
    left : "5%",
    top : "84.62%",
    touchEnabled : false,
    imageFillType : SMF.UI.ImageFillType.autosize,
    defaultImage : "datePicker.png", //which is your date icon
    highLightedImage : "content1.png", //which is your date icon when highligted
    inactiveImage : "content2.png", //which is your inactive date icon
    text : "",
    onPressed : showDate,
});