Layui 시간 제어 충돌 문제 소개

프로젝트가 시작되었는데, 백엔드 관리 시스템인 Layui의 하위 페이지에서 시간 제어가 충돌하여 시간을 전혀 선택할 수 없는 것을 발견했습니다.

이유는 페이지에 여러 노드가 발견되면 첫 번째 노드만 정상적으로 사용할 수 있고 그 다음 노드는 충돌이 발생하기 때문입니다. 현재 Laydate는 한 번에 여러 노드 렌더링을 지원하지 않는다는 것을 이해할 수 있습니다. 각 페이지에 대해 생성한 인스턴스가 다르고 여전히 충돌이 발생하므로 중복 인스턴스의 문제는 아닙니다. 백그라운드 관리 시스템에서 이러한 종류의 상위-하위 페이지에는 시간 제어를 사용하는 여러 페이지가 있으므로 여러 노드를 렌더링합니다.

해결책:

laydate 파일의 기본 구성, 트리거: 'focus' //콜아웃 컨트롤 이벤트의 포커스를 클릭으로 변경합니다.

테스트 배포는 온라인으로 진행되며 효과적입니다.

layui.use('laydate', function(){
    var laydate = layui.laydate;

    //日期时间选择器
    laydate.render({
        elem: '#startTime'
        ,type: 'datetime'
        ,trigger: 'click'//呼出事件改成click
        //,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合
    });
    //日期时间选择器
    laydate.render({
        elem: '#endTime'
        ,type: 'datetime'
        ,trigger: 'click'//呼出事件改成click
        // ,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合
    });
});

레이유에 대한 더 많은 지식을 알고 싶으시면 layui 사용법 튜토리얼 칼럼을 주목해주세요.

위 내용은 Layui 시간 제어 충돌 문제 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!