发表于: 2017-06-26 23:23:19

2 851


今天完成的事情:

为没有图片的列表项添加默认图像:

indexApp.filter('imgLoad',function () {
   var noImg='../img/noImg.png';
   return function (text) {
        return (text.match(/^http/) ? text : noImg)
   }
});


更改了日历显示的问题,为小于10的月数和日期前加”0“占位符:

$scope.date = function (date) {
   var a = new Date(Number(date));
   //月数从零开始,需先加一,并且在小于零的数前加0
   return (a.getFullYear() + '-' + (a.getMonth()+1<10?'0'+String(a.getMonth()+1):a.getMonth()+1) + '-' + (a.getDate() < 10 ? '0'+String(a.getDate()) : a.getDate()));
};


列表项上下线及删除操作。


修改了图片上传的样式:


学习使用图片上传插件:fileinput


明天计划的事情:

小课堂准备。

模boot-box的使用。

继续图片上传。


遇到的问题:

使用图片上传插件时,jq报错,不知什么原因:



收获:

fileinput插件的使用:

使用前依次引入:

bootstrap.css,

fileinput.css,

jq.js,

bootstrap.js,

fileinput.js,

fileinput/zh.js

文件。


fileinput.js使用灵活,有许多项可以配置,部分如下:

//配置input=file
$(document).ready(function () {
   $("#file-1").fileinput({
       //语言
       language:"zh",
//按钮文字
       browseLabel: "图片",
//按钮图标
       browseIcon: "<i class='fa fa-image'></i>",
//默认占位符
       initialCaption: "请选择图片",
//最大上传数量
       maxFileCount: 1,
//允许上传类型
       allowedFileTypes: ['image'],
// maxFileSize: 1500,//文件的最大大小 单位是k
   });
})


http增删查改操作:post,deleat,get,put。


返回列表 返回列表
评论

    分享到