hhqtest/application/admin/view/common/datehipicker.html

<style>

</style>
<div id="{$name}">
    <input type="hidden" name="{$name}" :value="value">
    <el-time-select
            v-model="value"
            size="small"
            style="width:100%"
            :picker-options="{
            start: '04:00',
            step: '00:10',
            end: '23:59'
             }"
            placeholder="选择时间">
    </el-time-select>

</div>
<script>
    new Vue({
        el: '#{$name}',
        data: function() {
            return {
                value: '{$val}'
            }
        },
        watch: {
            value: function (newVal, oldVal) {
                $('input[name={$name}]').val(newVal.join(','));
            }
        },
        created(){

        }
    })
</script>