收藏
回答

html单页的代码怎么转成wxml?

<ul>
                      <li>
                                <p class="zuo">车型:</p>
                                <select name="cllx" id="cllx" data-icon="false" class="chs">
                                        <option value="1">营运客车</option>
                                        <option value="2">货车,大中型客车</option>
                                        <option value="3" selected="selected">7座以下非营运小客车</option>
                                        <option value="6">面包车和7座(含)以上非营运小客车</option>
                                        <option value="4">摩托车</option>
                                        <option value="5">其他机动车</option>
                                </select>
                       </li>
                      <li>
                                <p class="zuo">注册登记时间:</p>
                                <input type="text" name="appDate" id="appDate" >
                     
                      </li>
                      <li>
                                <p class="zuo">事故情况:</p>
                                <span class="you">
                                <input type="radio" name="sgqk" id="sgqk1" value="1" class="dx1"><label for="sgqk1" class="label_radio r_off">发生过致人伤亡事故</label>
                                <input type="radio" class="dx1" name="sgqk" id="sgqk" value="0" checked=""><label for="sgqk" class="label_radio r_on">未发生过致人伤亡事故</label>
                                                                           </span>
                       </li>
                       <li>
                        <input value="确认" data-theme="b" onclick="search();" type="button" class="qrn">
                      </li>
                      <li>
                                <p class="zuo">查询结果:</p>
                                <span class="you">
                          <p id="rq1" style="display:none; "><span class="line-b_bold">您的爱车</span><span class="redf line_bold">属于</span><span class="line_bold">6年内免检车辆。</span>
                                        <br><span class="line-b">本轮检验周期内,请于</span><span id="jybzrq" class="jyrq"></span>前携带相关材料到车管所为爱车领取检验标志。</p>


                                <p id="rq2" style="display:none;"><span class="line-b_bold">您的爱车</span><span class="redf line_bold">不属于</span><span class="line_bold">6年内免检车辆。</span>
                                        <br><span class="line-b">本轮检验周期内,请于</span><span id="jyrq" class="jyrq"></span>前至检验机构参加安全技术检验。</p>
                                        </span>
                
                       </li>
                       <li>
                              <p class="zuo">备注:</p>
                              <span class="you">
                                一、如果购车后4年未登记的,不属于免检范围。<br>
                                二、办理车检时需提供:1)机动车行驶证;2)交通事故责任强制保险 、车船税证明;3)请处理完交通违法和交通事故。(查询结果供参考)
</span>
               </li>
               </ul>
          
      




</div>
<script type="text/javascript">
        $(function () {
                var currYear = (new Date()).getFullYear();
                var opt = {};
                opt.date = {preset: 'date'};
                opt.default = {theme: 'android-ics light', display: 'modal', mode: 'scroller', lang: 'zh', startYear: currYear - 20, endYear: currYear};
                $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']))
        });




        function search() {
                var cllx = $("#cllx").val();
                if ($("#appDate").val() == "") {
                        alert("请选择注册日期!");
                        return;
                }
                var ccdjrq = new Date($("#appDate").val().replace(/-/g, "/"));
                var sgqk = $("input:radio[name='sgqk']:checked").val();
                var sysDate = new Date(), day = new Date(), lastday = new Date();
                if (ccdjrq > sysDate) {
                        alert("注册日期超过当前时间,请重新选择!");
                        return;
                }


                if (cllx == "1") {
                        //取5年内的最后一天比较
                        lastday = cal_lastday(ccdjrq, 5);
                        if (sysDate <= lastday) {
                                cal_jyqz(ccdjrq, sysDate, 12, 0);
                                return;
                        }
                        //每6个月检验一次
                        cal_jyqz(ccdjrq, sysDate, 6, 0);
                        return;
                }


                if (cllx == "2") {
                        //取10年内的最后一天比较
                        lastday = cal_lastday(ccdjrq, 10);
                        if (sysDate <= lastday) {
                                cal_jyqz(ccdjrq, sysDate, 12, 0);
                                return;
                        }
                        //每6个月检验一次
                        cal_jyqz(ccdjrq, sysDate, 6, 0);
                        return;
                }


                if (cllx == "3") {
                        //取6年内的最后一天比较
                        lastday = cal_lastday(ccdjrq, 6);


                        if (sysDate <= lastday) {
                                if (sgqk == "0" && ccdjrq >= new Date("2010/09/01"))
                                        cal_jyqz(ccdjrq, sysDate, 24, 1);
                                else
                                        cal_jyqz(ccdjrq, sysDate, 24, 0);


                                return;
                        }
                        //15年内
                        lastday = cal_lastday(ccdjrq, 15);
                        if (sysDate <= lastday) {
                                cal_jyqz(ccdjrq, sysDate, 12, 0);
                                return;
                        }
                        //每6个月检验一次
                        cal_jyqz(ccdjrq, sysDate, 6, 0);
                        return;
                }


                if (cllx == "4") {
                        //取6年内的最后一天比较
                        lastday = cal_lastday(ccdjrq, 4);
                        if (sysDate <= lastday) {
                                cal_jyqz(ccdjrq, sysDate, 24, 0);
                                return;
                        }
                        cal_jyqz(ccdjrq, sysDate, 12, 0);
                        return;
                }


                if (cllx == "5") {
                        cal_jyqz(ccdjrq, sysDate, 12, 0);
                        return;
                }


                if (cllx == "6") {
                        //取6年内的最后一天比较
                        lastday = cal_lastday(ccdjrq, 6);
                        if (sysDate <= lastday) {
                                cal_jyqz(ccdjrq, sysDate, 24, 0);
                                return;
                        }
                        //15年内
                        lastday = cal_lastday(ccdjrq, 15);
                        if (sysDate <= lastday) {
                                cal_jyqz(ccdjrq, sysDate, 12, 0);
                                return;
                        }
                        //每6个月检验一次
                        cal_jyqz(ccdjrq, sysDate, 6, 0);
                        return;
                }
        }


        function cal_jyqz(ccdjrq, sysDate, interval, sfmj) {
                var day = new Date();
                if (sysDate.getFullYear() == ccdjrq.getFullYear() && sysDate.getMonth() == ccdjrq.getMonth())
                        day = new Date(sysDate.getFullYear() + interval / 12, sysDate.getMonth() + 1, 1);
                else
                        day = new Date(sysDate.getFullYear(), sysDate.getMonth()
                                + (12 * (sysDate.getFullYear() - ccdjrq.getFullYear() + 2)
                                + ccdjrq.getMonth() - sysDate.getMonth()) % interval
                                + 1, 1);


                var last = new Date(day - 86400000);


                if (last >= new Date("2014/09/01") && sfmj == "1") {
                        $("#jybzrq").html(
                                        last.getFullYear() + "年" + (last.getMonth() + 1) + "月"
                                        + last.getDate() + "日");
                        $("#rq1").css('display', 'block');
                        $("#rq2").css('display', 'none');
                }
                else {
                        $("#jyrq").html(
                                        last.getFullYear() + "年" + (last.getMonth() + 1) + "月"
                                        + last.getDate() + "日");
                        $("#rq2").css('display', 'block');
                        $("#rq1").css('display', 'none');
                }
                $("#result").css('display', 'block');
        }


        function cal_lastday(ccdjrq, year) {
                return new Date(new Date(ccdjrq.getFullYear() + year,
                                ccdjrq.getMonth() + 1, 1) - 86400000);
        }
</script>
回答关注问题邀请回答
收藏

2 个回答

  • TNT
    TNT
    2020-12-25

    你把这个网页链接给出来。

    <view>
                          <text>
                                    <view class="zuo">车型:</view>
                                    <select name="cllx" id="cllx" data-icon="false" class="chs">
                                            <option value="1">营运客车</option>
                                            <option value="2">货车,大中型客车</option>
                                            <option value="3" selected="selected">7座以下非营运小客车</option>
                                            <option value="6">面包车和7座(含)以上非营运小客车</option>
                                            <option value="4">摩托车</option>
                                            <option value="5">其他机动车</option>
                                    </select>
                           </text>
                          <text>
                                    <view class="zuo">注册登记时间:</view>
                                    <input type="text" name="appDate" id="appDate" >
                         
                          </text>
                          <text>
                                    <view class="zuo">事故情况:</view>
                                    <text class="you">
                                    <input type="radio" name="sgqk" id="sgqk1" value="1" class="dx1"><label for="sgqk1" class="label_radio r_off">发生过致人伤亡事故</label>
                                    <input type="radio" class="dx1" name="sgqk" id="sgqk" value="0" checked=""><label for="sgqk" class="label_radio r_on">未发生过致人伤亡事故</label>
                                                                               <text>
                           </text>
                           <text>
                            <input value="确认" data-theme="b" bindsubmit="search();" type="button" class="qrn">
                          </text>
                          <text>
                                    <view class="zuo">查询结果:</view>
                                    <text class="you">
                              <view id="rq1" style="display:none; "><text class="line-b_bold">您的爱车<text><text class="redf line_bold">属于<text><text class="line_bold">6年内免检车辆。<text>
                                            <br><text class="line-b">本轮检验周期内,请于<text><text id="jybzrq" class="jyrq"><text>前携带相关材料到车管所为爱车领取检验标志。</view>
    
    
    
    
                                    <view id="rq2" style="display:none;"><text class="line-b_bold">您的爱车<text><text class="redf line_bold">不属于<text><text class="line_bold">6年内免检车辆。<text>
                                            <br><text class="line-b">本轮检验周期内,请于<text><text id="jyrq" class="jyrq"><text>前至检验机构参加安全技术检验。</view>
                                            <text>
                    
                           </text>
                           <text>
                                  <view class="zuo">备注:</view>
                                  <text class="you">
                                    一、如果购车后4年未登记的,不属于免检范围。<br>
                                    二、办理车检时需提供:1)机动车行驶证;2)交通事故责任强制保险 、车船税证明;3)请处理完交通违法和交通事故。(查询结果供参考)
    <text>
                   </text>
                   </view>
              
          
    
    
    
    
    
    
    
    
    </view>
    
    2020-12-25
    有用
    回复
  • 正周
    正周
    2020-12-25

    直接用webview试试?

    2020-12-25
    有用
    回复 2
    • L.
      L.
      发表于移动端
      2020-12-25
      个人认证的 用不了这个组件
      2020-12-25
      回复
    • 正周
      正周
      2020-12-25
      看你这网页有js逻辑,重新开发吧
      2020-12-25
      回复
登录 后发表内容
问题标签