通过||设置默认值 出错

Question

封装时间控件如下<span size="16" type="text" readonly data-role="date" data-format="yyyy-mm-dd" data-end="0" data-title="开始时间,结束时间" data-value="2017-02-11,2018-02-22" data-names="startDate,endDate"></span>除了data-role是必须有的其余都是选填的 所以要设置默认值 我这样写的$("[data-role='date']").addClass('selectContainer')                    var selectContainer = $(".selectContainer");                    var options = {                        dataTitle: selectContainer.data('title').split(",") || ["开始时间", "结束时间"],                        names: selectContainer.data('names').split(',') || ["startDate", "endDate"],                        value: selectContainer.data('value').split(',') || ["", ""],                        end: selectContainer.data('end') || 0                    }但是如果我选填的没写就会提示不应该是前面是undefined或者null就会取后面的默认请问应该怎么修改实现呢

Answer 1

selectContainer.data('title').split(",") || ["开始时间", "结束时间"]

以这个title为例，当data-title没有设置的时候，selectContainer.data('title')会返回undefined,因此不能对此进行.split操作。

可以改为：

(selectContainer.data('title') || "开始时间,结束时间").split(",")