mui使用iframe嵌入页面，子页面中的日期控件失效的问题，求大神赐教！

注意问题描述在图片里面

日期控件html代码：
<div class="mui-input-row">
<label class="fontCss">开始时间</label>
<input readonly="readonly" type="text" value="" id="start_date" placeholder="请选择开始时间">
</div>
<div class="mui-input-row">
<label class="fontCss">结束时间</label>
<input readonly="readonly" type="text" value="" id="end_date" placeholder="请选择结束时间">
</div>

JS代码：
//日期选择
document.getElementById("start_date").addEventListener('tap',function() {
getDate('start_date');
});
document.getElementById("end_date").addEventListener('tap',function() {
getDate('end_date');
});
//获取文本框中的值
var start_date = $('#start_date').val();
var end_date = $('#end_date').val();
//日期js控件
function getDate(obj) {
var dDate = new Date();
//设置当前日期（不设置默认当前日期）
dDate.setFullYear(dDate.getFullYear(), dDate.getMonth(), dDate.getDate());
var minDate = new Date();
//最小时间
minDate.setFullYear(1900, 0, 1);
var maxDate = new Date();
//最大时间
maxDate.setFullYear(3000, 12, 31);
plus.nativeUI.pickDate(function(e) {
var d = e.date;
var objData = d.getFullYear() + "-" + (d.getMonth() < 9 ? '0': '') + (d.getMonth() + 1) + "-" + (d.getDate() < 10 ? '0': '') + d.getDate();
pickTime(obj, objData);
},
function(e) {
console.log("您没有选择日期");
},
{
title: '请选择日期',
date: dDate,
minDate: minDate,
maxDate: maxDate
});
}
function pickTime(obj, objData) {
plus.nativeUI.pickTime(function(e) {
var d = e.date;
console.log("选择的时间：" + d.getHours() + ":" + d.getMinutes());
document.getElementById(obj).value = objData + " " + (d.getHours() < 10 ? '0': '') + d.getHours() + ":" + (d.getMinutes() < 10 ? '0': '') + d.getMinutes() + ":" + (d.getSeconds() < 10 ? '0': '') + d.getSeconds();

        },  
        function(e) {  
            console.log("未选择时间：" + e.message);  
        });  
    }