HTML琐碎

bootstrap一些解释

html应用时间控件

1.JS

    //时间控件
    $("#startime").datetimepicker({
        format: 'yyyy-mm-dd',
        startView: 'year',
        maxView: 'year',
        minView: 'month',
        autoclose: true,
        pickerPosition: "bottom-right",
        language: 'zh',
        bootcssVer:3, //显示箭头
    });
    $("#endtime").datetimepicker({
        format: 'yyyy-mm-dd',
        startView: 'year',
        maxView: 'year',
        minView: 'month',
        autoclose: true,
        pickerPosition: "bottom-right",
        language: 'zh',
        bootcssVer:3, //显示箭头
    }).on("click", function (e) {
        $(this).parent().children().removeClass("active")
        $("#endtime").datetimepicker(
            "setStartDate", $("#startime").val()
        )
    });
   2.标签上应用JS

日期:

``` 3.总结

给id='startime’的标签添加事件

JS年月日【喵】

1.JS Function

//策略日志查询当日时间
// *获取当前时间，*format=1精确到天，*format=2精确到分
function getCurrentDate(format) {
    var now = new Date();
    var year = now.getFullYear(); //得到年份
    var month = now.getMonth();//得到月份
    var date = now.getDate();//得到日期
    var day = now.getDay();//得到周几
    var hour = now.getHours();//得到小时
    var minu = now.getMinutes();//得到分钟
    var sec = now.getSeconds();//得到秒
    month = month + 1;
    if (month < 10) month = "0" + month;
    if (date < 10) date = "0" + date;
    if (hour < 10) hour = "0" + hour;
    if (minu < 10) minu = "0" + minu;
    if (sec < 10) sec = "0" + sec;
    var time = "";
    //精确到天
    if (format == 1) {
        time = year + "-" + month + "-" + date;
    }
    //精确到分
    else if (format == 2) {
        time = year + "-" + month + "-" + date + " " + hour + ":" + minu + ":" + sec;
    }
    return time;
}

today_ = getCurrentDate(1)

字符串拼接，onclick传值，转义" “+v+” "

1.正常拼接

$("#confirm_env").text('确认删除 "仿真环境" ?' )
$("#confirm_env").text('确认删除"' + envname + '"?')

2.例如在onclick中传参：

onclick=‘DEF_NAME('2')’
加入2是变量，原来的保持不变，把2剥离出来，口诀是：引号 加 变量 加引号,如果外面用的是单引号，里面用双引号。
onclick=‘DEF_NAME(' " +  a  + " ')’

遇到一种特殊情况，v是2020-09-10的时间类型字符串
给事件传参：οnclick=“del_modal_show(’’ + v + ‘’)”
打印输出🥓🥓🥓


🥀🥀🥀终于对了…

转义知识点🥐🥐🥐
传字符串需要转义，传int不需要转义…
οnclick=“orderDetails(’’+orderId+’’)”，单引号内。
οnclick=‘orderDetails(""+orderId+"",""+orderName+"")’，双引号内。

错误示例：
οnclick=“del_modal_show(’ + v + ')”
打印输出🌮


明明白白是个字符串:2020-09-10,为啥变成了数字2001。

οnclick=“del_modal_show(’ “+v+” ')”
οnclick=“del_modal_show(”’+v+’")"


结论：当’2’-----’"+a+"'报错，试试" “+v+” "🍻🍻🍻
第一次接触转义的知识点，昨天坑的我吐血🥑🥑🥑

bootstrap给每列的字体添加颜色

cellStyle:{
 　　　　css:{"background-color":"red"}
 　　}

        my_columns = [
            {
                field: 'Tradingday',
                width: 80,
                title: '交易日',
                cellStyle: function (value, row, index) {

                    if (value === '买') {

                        return {css: {'color': 'rgb(0,0,255)'}}
                        {#return {css: {"color": 'red'}}#}

                    } else if (value === '卖') {

                        return {css: {'color': 'green'}}

                    }

                }
                }
        
            ]

参考连接：
https://www.cnblogs.com/ziyoublog/p/9364353.html

在使用cellStyle的过程中报错

查资料发现：bootstrap table 中，这种自定义函数cellStyle,formatter，必须有return 返回值，才可以。

这点真是烦死了…🥓🥓🥓，大坑。

时间控件显示1899年

修改源码：

网上介绍，datetimepicker默认支持yyyy-MM-dd、yyyy/MM/dd、yyyy.MM.dd三种日期格式，我是了改format：‘yyyy-MM-dd’,没作用，一不做二不休改源码。

用户输入日期改成yyyy-mm-dd
var regex = /^(\d{4})(\d{2})(\d{2})$/;
return date.replace(regex, "$1-$2-$3");

datetimepicker属性forceParse， Boolean， 默认值: true，当选择器关闭的时候，是否强制解析输入框中的值。

样式css

1.清楚外面的工具条

html {
            overflow-y: hidden !important;
        }

注释：
!important：提升优先级
overflow-y:auto；自动的高，web页面会有浮动条，看情况用auto还是hidden。